search

haddersbadders / Simple-longform-framework

A simple HTML, CSS and JS framework for long-form style storytelling
http://haddersbadders.github.io/Simple-longform-framework/
8 stars 2 forks source link

Adding non-Youtube video? #12

Open hpcawthorne1 opened 8 years ago

hpcawthorne1 commented 8 years ago

Hadrian - How do I add a non youtube video?

haddersbadders commented 8 years ago

You need to encode your video to mp4. This will allow you to use the HTML5 video element.

To place a video into your content, simply use the <video> tag. You might need to style it, giving it a class name and setting it's max-width: 100%; e.g. in HTML:

<video src="img/trailer.mp4"  controls class="vid_content"></video>

and in CSS:

.vid_content {
max-width: 100%;
}

For a full-width, auto-play video, see the simple breakdown and HTML5 video test documents.