推荐几种在网页中播发FLV文件的代码
应用实例(蔡依林 LOVE LOVE LOVE):
使用方法:
方法一、js嵌入
直接copy下面代码,修改其中红色部分,即:swf_width、swf_height、texts、files 参数
<script type="text/javascript"> var swf_width=240 var swf_height=240 var texts=’变形金刚-预告片’ var files=’http://www.transformersmovie.com/transformers_640.flv’ document.write(’<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #version=6,0,0,0" width="’+ swf_width +’" height="’+ swf_height +’">’); document.write(’<param name="movie" value="http://www.luie.cn/flash/flv.swf"><param name="quality" value="high">’); document.write(’<param name="menu" value="false"><param name="allowFullScreen" value="true" />’); document.write(’<param name="FlashVars" value="vcastr_file=’+files+’&vcastr_title=’+texts+’">’); document.write(’<embed src="http://www.luie.cn/flash/flv.swf" allowFullScreen="true" FlashVars="vcastr_file=’+files+’&vcastr_title=’+texts+’" menu="false" quality="high" width="’+ swf_width +’" height="’+ swf_height +’" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />’); document.write(’</object>’); </script> |
-
其中:
变形金刚-预告片 影片标题。
http://www.transformersmovie.com/transformers_640.flv FLV文件地址。
http://www.luie.cn/flash/flv.swf FLV文件播放器地址(如果你不会制作,可下载别人的然后上传到自己的空间再调用)。
-
flv播放器 Vcastr 2.0 下载
http://www.luie.cn/flash/flv.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="240" height="180"> <param name="movie" value="http://www.luie.cn/flash/flv.swf?vcastr_file=http://www.transformersmovie.com/transformers_640.flv"> <param name="quality" value="high"> <param name="allowFullScreen" value="true" /> <embed src="http://www.luie.cn/flash/flv.swf?vcastr_file=http://www.transformersmovie.com/transformers_640.flv" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="180"></embed> </object> |
方法三、读取影片xml
<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="240" height="120"> <param name="movie" value="http://www.luie.cn/flash/flv.swf?vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml"> <param name="quality" value="high"> <param name="allowFullScreen" value="true" /> <embed src="http://www.luie.cn/flash/flv.swf?vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="120"></embed> </object> |
其中:http://www.ruochi.com/product/vcastr/vcastr.xml 是播放列表的xml地址
高级选项
<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="240" height="180"> <param name="movie" value="http://www.luie.cn/flash/flv.swf?vcastr_file=http://www.transformersmovie.com/transformers_640.flv"> <param name="quality" value="high"> <param name="allowFullScreen" value="true" /> <embed src="http://www.luie.cn/flash/flv.swf?vcastr_file=http://www.transformersmovie.com/transformers_640.flv" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="180"></embed> </object> |
<http://www.luie.cn/flash/flv.swf?参数A=111&参数B=222&....> |
在以上"参数A=111&参数B=222"部分添加参数,使用 参数=值 的格式,多个参数用&连接,参数数量不限制,注意有2个红色部分
http://www.luie.cn/flash/flv.swf地方需要修改
例如:
value="http://www.luie.cn/flash/flv.swf?vcastr_file=http://www.transformersmovie.com/transformers_640.flv&vcastr_title=变形金刚-预告片&BarColor=0xFF6600&BarPosition=1" |
表示影片地址是"http://www.transformersmovie.com/transformers_640.flv",标题是"变形金刚预告片",控制栏颜色是0xFF6600,控制栏位置在下方。
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
|
常见问题
参数名称
参数说明
默认值
vcastr_file
方法2传递影片flv文件地址参数,多个使用|分开
空
vcastr_title
影片标题参数,多个使用|分开,与方法2配合使用
空
vcastr_xml
方法3 传递影片flv文件地址参数,样板参考 http://www.ruochi.com/product/vcastr2/vcastr.xml
vcastr.xml
IsAutoPlay
影片自动播放参数:0表示不自动播放,1表示自动播放
0
IsContinue
影片连续播放参数:0表示不连续播放,1表示连续循环播
1
IsRandom
影片随机播放参数:0表示不随机播放,1表示随机播放
0
DefaultVolume
默认音量参数 :0-100 的数值,设置影片开始默认音量大小
100
BarPosition
控制栏位置参数 :0表示在影片上浮动显示,1表示在影片下方显示
0
IsShowBar
控制栏显示参数 :0表示不显示;1表示一直显示;2表示鼠标悬停时显示;3表示开始不显示,鼠标悬停后显示
2
BarColor
播放控制栏颜色,颜色都以0x开始16进制数字表示
0x000033
BarTransparent
播放控制栏透明度
60
GlowColor
按键图标颜色,颜色都以0x开始16进制数字表示
0x66ff00
IconColor
鼠标悬停时光晕颜色,颜色都以0x开始16进制数字表示
0xFFFFFF
TextColor
播放器文字颜色,颜色都以0x开始16进制数字表示
0xFFFFFF
LogoText
可以添加自己网站名称等信息(英文)
空
LogoUrl
可以从外部读取logo图片,注意自己调整logo大小,支持图片格式和swf格式
空
EndSwf
影片播放结束后,从外部读取swf文件,可以添加相关影片信息,影片分享等信息,需自己制作
空
BeginSwf
影片开始播放之前,从外部读取swf文件,可以添加广告,或者网站信息,需自己制作
空
IsShowTime
是否显示时间 : 0表示不显示时间,1表示显示时间
1
BufferTime
影片缓冲时间,单位(秒)
2
问:Logo 文字无法显示
答:Logo 文字不能支持中文,可以用LogoUrl参数将Logo做成.swf文件或者.png文件。
问:xml 如何设置高级参数
答:如下
<param name="FlashVars" value="vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml&vcastr_title=变形金刚-预告片|变形金刚预告片|江南MV|魔兽世界-晚安部落&BarColor=0xFF6600&BarPosition=1" />
<embed src="http://www.ruochi.com/product/vcastr2/vcastr2.swf" allowFullScreen="true" FlashVars="vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml&vcastr_title=变形金刚-预告片|变形金刚预告片|江南MV|魔兽世界-晚安部落&BarColor=0xFF6600&BarPosition=1">
问:不能全屏
答:需要升级到flashplayer9.0以上
问:不能退出全屏
答:双击可以进入或退出全屏
问:影片不能拖动进度
答:是由于转换文件格式时候有一些信息丢失,可以使用FLV MetaData Injector修复, 下载地址: http://www.buraks.com/flvmdi ;
问:flv放在自己服务器上就不能播放了
答:是由于您的服务器不支持.flv文件格式下载,修改成其他格式比如.swf,当然,相应的vcastr_file或者vcastr_xml中的flv文件名也要修改成.swf