0

I am doing some help videos, they are required to work on all browsers and devices - ipod/pad/phone android etc.

My understanding was you can do this with HTML5 and have fallbacks for each device/browser?

However i have had to add javascript to detect the browser then go off accordingly to different html pages where the video will play on that browser or device.

Surely there must be a simpler way to do this in ONE html page? What formats are used for each browser?

I am using ChromeFrame to get around the IE issues too.

Thanks

pab
  • 971
  • 4
  • 17
  • 30

1 Answers1

0

I recommend looking into video.js which takes care of browser support detection.

For video formats you can use mp4 and WebM together with video.js it should cover all browsers.

From the videoJS website...

Web Browsers

Whether a user has the latest version of a browser, or something ancient like Internet Explorer 6, they'll get a similar experience with Video.js which uses a super-lightweight Flash player for browsers that don't support HTML5 video.

Video Formats

Web video formats can get complicated. Video.js can make it easier by using a single MP4 file for all users, or additional formats like WebM, Ogg, and even HTTP Live Streaming for greater HTML5 compatibility.

PS. Be aware that there will be visual differences between browsers (mostly older IE browsers), especially when the Flash fallback kicks in. The fullscreen option is the most notable difference.

Community
  • 1
  • 1
Split Your Infinity
  • 4,159
  • 1
  • 21
  • 19
  • If you have an mp4 video only, can you still use video.js or do you have to have all the video formats ready in place to use this? Or does video.js convert all your videos for you? – pab Jul 19 '12 at 09:00
  • @PaulBullock MP4 will work, but you will get a flash player in Firefox. That's why it is recommended to have a WebM file as well. Shouldn't be that hard to convert the MP4 to WebM right? There are desktop tools, as well as online tools, that can convert it for you. – Split Your Infinity Jul 19 '12 at 09:42