HTML5 Video Player

Change video
60 Frames Per Second
reset
Snapshot Snapshot rapid fire Explode Frame by frame
Thanks to Sean Christmann from Craftymind.com for contributing the Explode effect HTML5 makes all sorts nifty effects and gadgets possible.
Use the buttons above to try a few!
Supported by all modern browsers...
FirefoxDownloadChromeDownloadIE 9DownloadOperaDownloadSafariDownload
HTML5
<video>
javascript();
{css3};
Canvas

HTML5?

HTML is the web's main "markup language", which tells your browser how to lay out and display web content correctly. HTML4 is almost ten years old; both computers and the web have advanced since then. HTML5 is an updated standard that takes advantage of these improvements, making its easier for people who build websites (like us) to make them, and to make them better. Rich interactions, layout and page structure, audio and video, and cross-browser compatibility are just a few things that have been simplified.

The video element

For us, a very exciting part of HTML5 is the <video> tag. Until now, third-party plugins had to be installed before you could watch streaming video. The <video> tag means that, right out of the box, modern browsers will be able to play video on Dailymotion - no extra downloads, plugins, or messing around required. What's more, certain browsers can use your graphics card - instead of just your CPU - to render the video; this "hardware accelerated graphics" makes playback smoother than ever.

Javascript

Javascript interacts with video objects within HTML5. Because it's a well-established programming language, developers can start working with it immediately. Down the road, this makes the code easier to extend and maintain.

CSS3

Using Cascading Style Sheets (CSS) within HTML5 allows a slew of layout and graphical improvements, from a wider variety of usable fonts, to rich transitions and transformations.

Canvas

With the canvas element of HTML5, designers and developers can draw, apply affects to, and dynamically interact with shapes and images - tasks that were a lot more complicated in the past.