Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Basic HTML5 video implementation including sources
<video width="1920" height="1080" poster="" autoplay loop preload muted>
<source src="" type="video/mp4" />
<source src="" type="video/webm" />
<source src="" type="video/ogg" />
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