The guide is definitive. Reality is frequently inaccurate.
In the last two months I wrote some blog posts about the HTML5 video tag and how to use Mootools for this. Now I put together all this stuff into a mootools-plugin which enables the events and properties of the HTML5 video tag and features extensions of Fx.Slider to create a timeline and a volume slider.
You can find everything here:
Keyboard shortcuts improved, better CSS 3 handling and some small improvements in the code.
Now with JSLint (Javascript validation) and some improvements like new CSS tidy configuration, more usable Preferences page and small fixes.
After creating buttons and a volume slider in the last post, we’re now going to develop a time slider — a movable slider which shows the current time of the video and which can be dragged to move the video playback accordingly. Continue reading “HTML 5 video & mootools, part 2: Timeline”
This is about scripting the HTML 5 video-tag with Mootools 1.2.
One might ask, what is special about the video tag? At the first look nothing, it’s a HTML-element like any other. But if you try to use some mootools functions (adding events or querying properties) you soon realize that it doesn’t work out of the box in the current release. But there’s a workaround. Continue reading “HTML 5 video & Mootools”
The last last post was about the HTML 5 video tag, now we’ll have a look at the DOM side of things: Attributes and Events. Continue reading “HTML 5 Video – DOM Attributes and Events”
This post is about the basic use of the HTML 5 video-tag and its attributes, the next one will be talking about events, DOM attributes and how to control video via javascript. Continue reading “HTML 5 Video – Tag and Attributes”