Listed here are a bunch of players that make for easy insertion of video in a webpage using the html5 video tags (or audio if it's sound only). Likewise almost all of them rely on a Flash fallback in the case of browsers that don't support the video tag.
What's that mean?
Well you write valid html5 pages that can deliver video to mobile devices and desktops simply and at the same time stop writing convoluted code with multitudes of plug-in or object parameters. Satay that!
The current state of the industry would imply that one should deliver H264 video. It will play in html5 on iOS devices and render in Flash on older browsers. If you want to cover yourself further you could also deliver a webm and a ogg video.
So on this page of mine I'm using the the JWPlayer to play a video that you can code like so with video tag for html5 and a flashplayer fallback.
CODE
<video width="682" height="384" poster="/poster.jpg">
<source src="/movie.mp4" type="video/mp4">
<source src="/movie.webm" type="video/webm">
<source src="/movie.ogv" type="video/ogg">
</video>
<script type="text/javascript">
jwplayer("container").setup({
width: '682' ,
height: '384' ,
flashplayer: "/jwplayer/player.swf"
});
</script>
PROS:
- This will play on my phone, tablet, computers, etc., Please let me know if you have any difficulty.
- This can all done with free tools. Handbrake, MPlayerX, MiroConvertor, Firefogg, JWPlayer
- Additionally most of the players have paid options that allow for extended functionality like HD options, Ad insertion, Analytics, etc.,
- Well it does require javascript, but I figure the type who turns off javascript really isn't too interested in video anyway.
- There isn't currently an easy way to deliver multiple bitrate video . . .well there wasn't an easy way before either.