Skip to content

Instantly share code, notes, and snippets.

@gerbenvandijk

gerbenvandijk/html5video-basic-sources.html

Created June 27, 2014 13:37
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 gerbenvandijk/cd452addc6f00be65c9d to your computer and use it in GitHub Desktop.
Save gerbenvandijk/cd452addc6f00be65c9d to your computer and use it in GitHub Desktop.
Download ZIP
Basic HTML5 video implementation including sources
Raw
html5video-basic-sources.html
<video width="1920" height="1080" poster="http://www.domain.com/assets/img/poster.jpg" autoplay loop preload muted>
<source src="http://www.domain.com/assets/video/video.mp4" type="video/mp4" />
<source src="http://www.domain.com/assets/video/video.webm" type="video/webm" />
<source src="http://www.domain.com/assets/video/video.ogv" type="video/ogg" />
</video>
<!--
The above element behaves like this:
- Sets the width and height of the video element to 1920x1080 (can be overridden by CSS or even JS).
- Sets a poster image to show before the video plays.
- Makes the video play automatically as soon as possible.
- Loops the video endlessly (unless it's paused by the user or programmatically).
- Preloads the entire video in the background.
- Does not give the user controls like play and pause.
- Mutes the video's audio.
- Provides a list of video sources and their mime type.
-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment