html中的flv视频播放器
项目中要播放flv视屏,第一时间想到html5的<video>标签,只是很可惜<video>兼容性差也就算了,居然还对格式有明确限制,也就是说只支持Ogg、MPEG4、WebM三种格式,并且三种格式在不同的浏览器下支持程度也不相同
(注意IE8及更早版本完全不兼容)
<video>标签在不同浏览器下兼容展示表
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
No表示完全不兼容;
num++表示该版本及以上版本支持
没办法,只能利用swf插件自己写一个播放器(前提是浏览器安装过flash插件,否则你也不用白费力气了),当然网上有很多成例,自己写的关键就是配置(版本号)
这里是我用的swf插件,地址
链接: https://pan.baidu.com/s/1slG00mp 密码: qys7
下面我贴出播放器配置的代码
<object class id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="240"> <param name="movie" value="flvplayer.swf"> <param name="quality" value="high"> <param name="allowFullScreen" value="true"> <param name="FlashVars" value="vcastr_file=你的视频路径&LogoText=视频播放器&BufferTime=3&IsAutoPlay=1"> <embed src="flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=你的视频路径&LogoText=视频播放器&IsAutoPlay=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="240"></embed> </object>
只要将你的视屏路径改成你放视频的路径,视屏就能正常播放了
还要注意flvplayer.swf需要与加载播放器的html页面处于平级,否则意外频出