Created
June 27, 2014 13:37
-
-
Save gerbenvandijk/cd452addc6f00be65c9d to your computer and use it in GitHub Desktop.
Basic HTML5 video implementation including sources
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 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