HTML5 Video Demo
This is a demo of the code described in
How to Insert a
Video into Your Website using HTML (HTML5). It uses the HTML5 <video> element to embed
a video.
As mentioned in the tutorial, if you use too old a browser, the above video player will not appear.
Technical Details
For the curious, the video above was recorded using OBS, a free screen recording utility using the method described in How to Record a Game Video. (Yes, the same method applies whether you are recording a game or a web browser or whatever.) It was then remuxed to MP4 using that same software. I then converted a copy to the WebM format using a transcoder. (The latter is just the fancy name for a video converter, a piece of software that converts videos between different formats. You may not even need one, since many video editors can also transcode directly.)
The HTML code for embedding the video is discussed in detail in the main tutorial article mentioned earlier.
Other Pages on this Site
- Home (main page)
- Feedback Form Script Demo Page
- Feedback Form Script with CAPTCHA Demo Page
- Feedback Form Script with Invisible CAPTCHA Demo Page
- Two Column Layout Demo
- Two Column Layout with Header and Footer Demo
- Two Column Layout Using Flexbox in HTML (Demo)
- Fixed Width Layout Demo (Using Pixels for Width Measurements)
- HTML5 Audio Demo