The solution for now is to produce your videos in multiple formats.
Table 1. Browser support by video format
Browser
MP4
WebM
Ogg
Internet Explorer 9
Yes
No
No
Firefox 4.0
No
Yes
Yes
Google Chrome 6
Yes
Yes
Yes
Apple Safari 5
Yes
No
No
Opera 10.6
No
Yes
Yes
Note: For the latest compatibility information, always check the CanIUse website.
Group items tagged
Modernizr - 0 views
-
Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.
Adobe Puts Focus on HTML5 for Digital Publishing: Collaborates with JQuery and WebKit - 0 views
-
Adobe Edge, as the new tool is called, will allow developers to easily create interactive HTML5 experiences. Adobe also announced a new open JavaScript framework for animations that it will contribute back to the jQuery project, as well as a new collaboration with Google that will bring better layout and typographical fidelity to WebKit-based browsers.
Create a Drawing App with HTML5 Canvas and JavaScript { William Malone } - 0 views
Working with HTML5 video in web projects | Adobe Inspire Magazine - 0 views
-
-
A more robust way to create the fallback is to use a JavaScript utility like Modernizr to evaluate the browser's capabilities and then dynamically write the video and source tags or embed the Flash video player using SWFObject.
-
Tip 3: The source tag should always include the "type" attribute with the correct MIME type value. You may need to add an .htaccess file to your server to define the MIME types as well. Check out the Video for everybody article for more tips on MIME types.
- ...2 more annotations...
Raphaël-JavaScript Library - 0 views
gury - an html5 canvas utility library - 0 views
-
gury (pronounced "jury") is a JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface.
oCanvas - Object-based canvas drawing - 1 views
-
oCanvas is a JavaScript library intended to make development with HTML5 Canvas easier. Instead of working with pixels, you work with objects. It's very straightforward and easy to get started with. Please have a look at the examples to see just how easy it is.
Initializr - Start an HTML5 Boilerplate project in 15 seconds! - 0 views
-
"Initializr is here to kick-start the development of your new projects. It generates templates based on HTML5 Boilerplate by allowing you to choose which parts you want or don't want from it. A responsive template has also been added to start from a basic design instead of a blank page."
html5shiv - HTML5 IE enabling script - Google Project Hosting - 1 views
-
It must be included before the <body> element (i.e. in the <head>)
-
minified
jQuery Mobile | jQuery Mobile - 1 views
How You Can Use HTML5 Custom Data Attributes and Why - SitePoint - 0 views
-
Besides the data- prefix, the name of a valid custom data attribute must contain only letters, numbers, hyphen (-), dot (.), colon (:) or underscore (_). It cannot contain capital letters.
-
I recommend you use this method for quick prototypes rather than a production website, not least because CSS-only tooltips are not fully accessible.
HTML5 Please - Use the new and shiny responsibly - 1 views
-
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
-
Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them - with polyfills, fallbacks or as they are.
Cached
Email Domain Datalist Helper | CSS-Tricks - 0 views
-
"What if someone signs up for your web app and they type in their email address as susan_smith@gmaoil.com? They don't notice, they never get their confirmation email, they never can log in again, the "forgot password" feature doesn't work, and there is a lot of frustration and finger pointing."
aFarkas/html5shiv · GitHub - 0 views
-
Include the HTML5 shiv in the <head> of your page in a conditional comment and after any stylesheets. <!--[if lt IE 9]> <script src="components/html5shiv/html5shiv.js"></script> <![endif]--> Manual installation Download and extract the latest zip package from this repositiory and copy the two files dist/html5shiv.js and dist/html5shiv-printshiv.js into your project. Then include one of them into your <head> as above.
The abbr element | HTML5 Doctor - 0 views
-
To get <abbr> working in IE6 and IE7, you need to create the element with JavaScript:
-
Check you HTML5shim or Modernizr script - either probably already caters for this element.
-
-
If you’re ever tempted to use an <acronym>, just use <abbr> instead!