在HTML中嵌入并播放FLV媒体文件
December 8th 2012
评论(2)
这个说起来比较复杂,并且在以后的html5规范中也将摒弃(个人认为),
但面对目前国内的主流浏览器,如果你想要在网页中播放FLV文件的话,你还是要掌握这个东西。
目前主流浏览器不能直接嵌入并且播放FLV文件,
所以我们需要借助一个html标签object,
来嵌入一个swf媒体播放文件,
并利用该文件来播放你预设的文件。
因为在网上林林总总的有很多介绍文章,
但这些文章不是给的接口参数和swf不符就是没有给出swf下载地址,
所以大家在实验的时候总是不成功。
播放器文件
我找到了一个比较不错的播放器,没有广告并且外观还比较符合当前的审美观。
传送门:flvplayer.swf
播放代码
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="400"> <param name="movie" value="http://yourname.com/flvplayer.swf" /> <param name="quality" value="high" /> <param name="allowFullScreen" value="true" /> <embed src="http://yourname.com/flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=http://yourname.com/flv/ctdemo.flv&IsAutoPlay=1&LogoUrl=images/logo.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="540"></embed> </object> |
参数设置
vcastr_file
方法2传递影片flv文件地址参数,多个使用|分开 空vcastr_title
影片标题参数,多个使用|分开,与方法2配合使用 空vcastr_xml
方法3 传递影片flv文件地址参数,样板参考 vcastr.xmlIsAutoPlay
影片自动播放参数:0表示不自动播放,1表示自动播放 0IsContinue
影片连续播放参数:0表示不连续播放,1表示连续循环播 1IsRandom
影片随机播放参数:0表示不随机播放,1表示随机播放 0DefaultVolume
默认音量参数 :0-100 的数值,设置影片开始默认音量大小 100BarPosition
控制栏位置参数 :0表示在影片上浮动显示,1表示在影片下方显示 0IsShowBar
控制栏显示参数 :0表示不显示;1表示一直显示;2表示鼠标悬停时显示;3表示开始不显示,鼠标悬停后显示 2BarColor
播放控制栏颜色,颜色都以0x开始16进制数字表示 0×000033BarTransparent
播放控制栏透明度 60GlowColor
按键图标颜色,颜色都以0x开始16进制数字表示 0x66ff00IconColor
鼠标悬停时光晕颜色,颜色都以0x开始16进制数字表示 0xFFFFFFTextColor
播放器文字颜色,颜色都以0x开始16进制数字表示 0xFFFFFFLogoText
可以添加自己网站名称等信息(英文) 空LogoUrl
可以从外部读取logo图片,注意自己调整logo大小,支持图片格式和swf格式 空EndSwf
影片播放结束后,从外部读取swf文件,可以添加相关影片信息,影片分享等信息,需自己制作 空BeginSwf
影片开始播放之前,从外部读取swf文件,可以添加广告,或者网站信息,需自己制作 空IsShowTime
是否显示时间 : 0表示不显示时间,1表示显示时间 1BufferTime
影片缓冲时间,单位(秒) 2
总结
演示就不具体去搞了,其实很简单的玩意,主要是参数和播放器和参数要配套。