Created
September 6, 2012 16:57
-
-
Save kwaledesign/3658515 to your computer and use it in GitHub Desktop.
Video For Everyone Markup
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| * video for everyone markup | |
| * http://camendesign.com/code/video_for_everybody | |
| * This is all done without JavaScript and requires two video encodes, one Ogg file, and one MP4 file. WebM can optionally be added. | |
| --> | |
| <video width="640" height="360" controls> | |
| <source src="__VIDEO__.MP4" type="video/mp4" /> | |
| <source src="__VIDEO__.OGV" type="video/ogg" /> | |
| <object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF"> | |
| <param name="movie" value="__FLASH__.SWF" /> | |
| <param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" /> | |
| <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__" | |
| title="No video playback capabilities, please download the video below" /> | |
| </object> | |
| </video> | |
| <p> <strong>Download Video:</strong> | |
| Closed Format: <a href="__VIDEO__.MP4">"MP4"</a> | |
| Open Format: <a href="__VIDEO__.OGV">"Ogg"</a> | |
| </p> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment