Skip to content

Instantly share code, notes, and snippets.

@Sanabria
Forked from fwenzel/video.html
Created August 31, 2017 22:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Sanabria/7c6ce1decad580d5204991e61ec9e2a0 to your computer and use it in GitHub Desktop.
Save Sanabria/7c6ce1decad580d5204991e61ec9e2a0 to your computer and use it in GitHub Desktop.
An example video tag, first webm, then ogv, then mp4.
<video id="movie" width="640" height="360" preload="none" controls poster="http://blog.mozilla.com/webdev/files/2011/07/mozilla_wht.png">
<source src="http://videos-cdn.mozilla.net/serv/flux/playdoh/playdoh-overview.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="http://videos-cdn.mozilla.netserv/flux/playdoh/playdoh-overview.theora.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="http://videos-cdn.mozilla.net/serv/flux/playdoh/playdoh-overview.mp4" />
<p>Download video as <a href="http://videos-cdn.mozilla.net/serv/flux/playdoh/playdoh-overview.mp4">MP4</a>, <a href="http://videos-cdn.mozilla.net/serv/flux/playdoh/playdoh-overview.webm">WebM</a>, or <a href="http://videos-cdn.mozilla.net/serv/flux/playdoh/playdoh-overview.theora.ogv">Ogg</a>.</p>
</video>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment