Comments on: using < video > instead of flash http://urchn.org/post/using-video-instead-of-flash 3D animated filmmaking in free software and the commons Sat, 12 May 2012 22:15:17 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: bassam http://urchn.org/post/using-video-instead-of-flash/comment-page-1#comment-66 bassam Wed, 13 May 2009 06:53:54 +0000 http://tube.freefac.org/?p=419#comment-66 Hey rillian, was nice seeing you too :) Thanks for the help, both of you. Expect a video soon for testing, with 'appropriate' content :) cheers! Hey rillian, was nice seeing you too :)
Thanks for the help, both of you. Expect a video soon for testing, with ‘appropriate’ content :)
cheers!

]]> By: rillian http://urchn.org/post/using-video-instead-of-flash/comment-page-1#comment-64 rillian Wed, 13 May 2009 06:34:36 +0000 http://tube.freefac.org/?p=419#comment-64 Right, if you're willing to provide both h.264 mp4 and ogg theora, then you can put the flash player inside the <video> element, point it at the same mp4 you gave for Safari, and it will fall back smoothly. You just have to provide at least one <source> element for <em>each</em> browser's chosen baseline format. You can't, for example, have only an Ogg version users and fall back to Vimeo for everyone else. I've put together <a href="http://thaumas.net/~giles/2009/vidtest/" rel="nofollow">a demo</a> if you want to see how it works. Right, if you’re willing to provide both h.264 mp4 and ogg theora, then you can put the flash player inside the <video> element, point it at the same mp4 you gave for Safari, and it will fall back smoothly. You just have to provide at least one <source> element for each browser’s chosen baseline format. You can’t, for example, have only an Ogg version users and fall back to Vimeo for everyone else.

I’ve put together a demo if you want to see how it works.

]]> By: rillian http://urchn.org/post/using-video-instead-of-flash/comment-page-1#comment-61 rillian Tue, 12 May 2009 08:21:42 +0000 http://tube.freefac.org/?p=419#comment-61 That might work if you're providing both an ogv and an mp4 version as alternates in the <video> element. The problem we had was that the alternate content (your 'youtube link') is only used if the browser doesn't implement <video>. Safari at least will try to play the Ogg version, but if the XiphQT component isn't installed it will fail to play...but not fall back to the <embed>. I've only tried to get Ogg-only pages working, though. That might work if you’re providing both an ogv and an mp4 version as alternates in the <video> element.

The problem we had was that the alternate content (your ‘youtube link’) is only used if the browser doesn’t implement <video>. Safari at least will try to play the Ogg version, but if the XiphQT component isn’t installed it will fail to play…but not fall back to the <embed>.

I’ve only tried to get Ogg-only pages working, though.

]]> By: Steren http://urchn.org/post/using-video-instead-of-flash/comment-page-1#comment-60 Steren Tue, 12 May 2009 07:25:20 +0000 http://tube.freefac.org/?p=419#comment-60 What you put inside the "video" tag will only be displayed if the browser doesn't support "video". If I remember well, it's that easy. video youtube link /video What you put inside the “video” tag will only be displayed if the browser doesn’t support “video”. If I remember well, it’s that easy.

video youtube link /video

]]> By: rillian http://urchn.org/post/using-video-instead-of-flash/comment-page-1#comment-59 rillian Tue, 12 May 2009 06:17:46 +0000 http://tube.freefac.org/?p=419#comment-59 Hey Bassam, it was great to see you at LGM last week. Great news that you're looking at the <video> tag. I'm not aware of a wordpress plugin either, but there are some since javascript bits available. If you want to hack something up, check out <a href="http://people.xiph.org/~maikmerten/demos/bigbuckbunny.html" rel="nofollow">this example</a>. In the html you just use the <video< tag like you're assuming an html5 browser. The magic is in the <a href="http://people.xiph.org/~maikmerten/demos/video.js" rel="nofollow">video.js</a> script. The initVideo() function checks if the browser supports the media elements, and if not rewrites the page to use a fallback method. That particular script tries the cortado java player for theora, or the VLC plugin, but it's easy to add a flash player as well. Hey Bassam, it was great to see you at LGM last week.

Great news that you’re looking at the <video> tag. I’m not aware of a wordpress plugin either, but there are some since javascript bits available.

If you want to hack something up, check out this example. In the html you just use the <video< tag like you’re assuming an html5 browser. The magic is in the video.js script. The initVideo() function checks if the browser supports the media elements, and if not rewrites the page to use a fallback method.

That particular script tries the cortado java player for theora, or the VLC plugin, but it’s easy to add a flash player as well.

]]>