如何在网页中播放FLV文件的代码

原创

小宇飞刀 2022-10-24 08:23:18 博主文章分类：WEB技术 ©著作权

文章标签 flv file xml menu 服务器 文章分类 虚拟化云计算

©著作权归作者所有：来自51CTO博客作者小宇飞刀的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用方法：

方法一、js嵌入

直接copy下面代码，修改其中红色部分，即：swf_width、swf_height、texts、files 参数

1. <script type="text/javascript">
2. var swf_width=240
3. var swf_height=240
4. var texts=’幸福的脚丫预告片’
5. var files=’http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv’
6. 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 +’">’);
7. document.write(’<param name="movie" value="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf"><param name="quality" value="high">’);
8. document.write(’<param name="menu" value="false"><param name="allowFullScreen" value="true" />’);
9. document.write(’<param name="FlashVars" value="vcastr_file=’+files+’&vcastr_title=’+texts+’">’);
10. document.write(’<embed src="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.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>’);
11. </script>

其中：
幸福的脚丫预告片是标题。
http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv 是FLV文件地址。
http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf 是FLV文件播放器地址（如果你不会制作，可下载别人的然后上传到自己的空间再调用）。

flv播放器 Vcastr 2.0 下载
http://vir.jxstnu.edu.cn/xieyunc/product/vcastr2/vcastr22.zip
方法二、简单直接传递影片地址

view plain print ?

1. <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">
2. <param name="movie" value="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_file=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv">
3. <param name="quality" value="high">
4. <param name="allowFullScreen" value="true" />
5. <embed src="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_file=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="180"></embed>
6. </object>

方法三、读取影片xml

view plain print ?

1. <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">
2. <param name="movie" value="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_xml=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr2/vcastr.xml">
3. <param name="quality" value="high">
4. <param name="allowFullScreen" value="true" />
5. <embed src="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_xml=http://vir.jxstnu.edu.cn/xieyunc/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>
6. </object>

其中：http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/vcastr.xml 是播放列表的xml地址

高级选项

view plain print ?

1. <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">
2. <param name="movie" value="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_file=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv">
3. <param name="quality" value="high">
4. <param name="allowFullScreen" value="true" />
5. <embed src="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_file=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="180"></embed>
6. </object>

在以上"参数A=111&参数B=222"部分添加参数，使用参数=值的格式，多个参数用&连接，参数数量不限制，注意有2个红色部分http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf地方需要修改

例如：

view plain print ?

1. value="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_file=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1"

表示影片地址是"http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv"，标题是"变形金刚预告片"，控制栏颜色是0xFF6600，控制栏位置在下方。

view plain print ?

1. <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="224">
2. <param name="movie" value="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_file=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1">
3. <param name="quality" value="high">
4. <param name="allowFullScreen" value="true" />
5. <embed src="http://vir.jxstnu.edu.cn/xieyunc/attachment/vcastr22.swf?vcastr_file=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr/flv/happy_feet.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="224"></embed>

参数名称参数说明默认值

常见问题

问：Logo 文字无法显示

答：Logo 文字不能支持中文，可以用LogoUrl参数将Logo做成.swf文件或者.png文件。

问：xml 如何设置高级参数

答：如下

view plain print ?

1. <param name="FlashVars" value="vcastr_xml=http://vir.jxstnu.edu.cn/xieyunc/product/vcastr2/vcastr.xml&vcastr_title=幸福的脚丫预告片|变形金刚预告片|江南MV|魔兽世界-晚安部落&BarColor=0xFF6600&BarPosition=1" />
2. <embed src="http://vir.jxstnu.edu.cn/xieyunc/product/vcastr2/vcastr2.swf" allowFullScreen="true" FlashVars="vcastr_xml=http://vir.jxstnu.edu.cn/xieyunc/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