HTML5兼容所有浏览器的视频播放代码

HTML5视频播放不支持IE6-IE8系列浏览器,同时一些比较旧的浏览器也只支持flash方式,拥抱HTML5的同时还要兼容其他浏览,本文将介绍接种方式来解决这个问题。下面这段代码为兼容所有浏览器的代码。

<video width="640" height="360" controls>
	<source src="__VIDEO__.MP4"  type="video/mp4" />
	<source src="__VIDEO__.OGV"  type="video/ogg" />
	<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
		<param name="movie" value="__FLASH__.SWF" />
		<param name="flashvars" value="controlbar=over&amp;image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
		<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
		     title="No video playback capabilities, please download the video below" />
	</object>
</video>
<p>	<strong>Download Video:</strong>
	Closed Format:	<a href="__VIDEO__.MP4">"MP4"</a>
	Open Format:	<a href="__VIDEO__.OGV">"Ogg"</a>
</p>

虽然看起来很好,但实际上有缺陷。

http://mediaelementjs.com/

http://camendesign.co.uk/code/video_for_everybody

http://www.ckplayer.com/

http://blog.csdn.net/freshlover/article/details/7535785

http://caniuse.com/video

欢迎查看我最近写的一篇文章

 

原文链接:HTML5兼容所有浏览器的视频播放代码 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/html5-video-for-everybody.html)

发表评论

请登录后发表评论:

2 Responses to “HTML5兼容所有浏览器的视频播放代码”

  1. 资讯创富导师

    有什么缺陷呢?

    登录回复
    • 前端博客

      可以看看我写的另一篇文章: http://caibaojian.com/html5-video.html

      登录回复