您的位置:百味书屋 > 范文大全 > 经典范文 > js的flv视频播放器插件使用方法 正文

js的flv视频播放器插件使用方法

2017-01-19 06:18:35 来源网站: 百味书屋

篇一:网页制作之FLV视频播放代码的编写

网页制作之FLV视频播放代码的编写

解决方案一:编写成js嵌入网页中

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

引用

<script type="text/javascript"> var swf_width=240 var swf_height=240

var texts=’群英传WEB版宣传视频’

var files=’http://bbs.51mxd.com/flv/qyzweb.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://bbs.51mxd.com/flv/flvplayer.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://bbs.51mxd.com/flv/flvplayer.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="/go/getflashplayer" />’); document.write(’</object>’); </script>

其中:

群英传WEB版宣传视频 是标题。

http://bbs.51mxd.com/flv/qyzweb.flv 是FLV文件地址。

http://bbs.51mxd.com/flv/flvplayer.swf 是FLV文件播放器地址(如果你不会制作,可下载别人的然后上传到自己的空间再调用)。

flv播放器 Vcastr 2.0 下载: http://bbs.51mxd.com/flv/flvplayer.rar

解决方案二:简单直接传递影片地址

引用

<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://bbs.51mxd.com/flv/flvplayer.swf?vcastr_file=http://bbs.51mxd.com/flv/qyzweb.flv">

<param name="quality" value="high">

<param name="allowFullScreen" value="true" /> <embed

src="http://bbs.51mxd.com/flv/flvplayer.swf?vcastr_file=http://bbs.51mxd.com/flv/qyzweb.flv" allowFullScreen="true" quality="high"

pluginspage="/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://bbs.51mxd.com/flv/flvplayer.swf?vcastr_xml=http://bbs.51mxd.com/flv/vcastr.xml>

<param name="quality" value="high">

<param name="allowFullScreen" value="true" /> <embed

src="http://bbs.51mxd.com/flv/flvplayer.swf?vcastr_xml=http://bbs.51mxd.com/flv/vcastr.xml" allowFullScreen="true" quality="high"

pluginspage="/go/getflashplayer"

type="application/x-shockwave-flash" width="240" height="120"></embed> </object>

其中:http://bbs.51mxd.com/flv/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://bbs.51mxd.com/flv/flvplayer.swf?vcastr_file=http://bbs.51mxd.com/flv/qyzweb.flv">

<param name="quality" value="high">

<param name="allowFullScreen" value="true" /> <embed

src="http://bbs.51mxd.com/flv/flvplayer.swf?vcastr_file=http://bbs.51mxd.com/flv/qyzweb.flv" allowFullScreen="true" quality="high"

pluginspage="/go/getflashplayer"

type="application/x-shockwave-flash" width="240" height="180"></embed> </object>

引用

</product/vcastr2/vcastr22.swf?参数A=111&参数B=222&....>

在以上"参数A=111&参数B=222"部分添加参数,使用 参数=值 的格式,多个参数用&连接,参数数量不限制,注意有2个红色部分/product/vcastr2/vcastr22.swf地方需要修改

例如:

引用

value="http://bbs.51mxd.com/flv/flvplayer.swf?vcastr_file=http://bbs.51mxd.com/flv/qyzweb.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1"

表示影片地址是"/product/vcastr/flv/happy_feet.flv",标题是"变形金刚预告片",控制栏颜色是0xFF6600,控制栏位置在下方。

引用

<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"> <param name="movie"

value="http://bbs.51mxd.com/flv/flvplayer.swf?vcastr_file=http://bbs.51mxd.com/flv/qyzweb.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1"> <param name="quality" value="high">

<param name="allowFullScreen" value="true" /> <embed

src="http://bbs.51mxd.com/flv/flvplayer.swf?vcastr_file=http://bbs.51mxd.com/flv/qyzweb.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1" allowFullScreen="true" quality="high"

pluginspage="/go/getflashplayer"

type="application/x-shockwave-flash" width="500" height="224"></embed>

常见问题

问:Logo 文字无法显示

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

问:xml 如何设置高级参数 答:如下

引用

<param name="FlashVars"

value="vcastr_xml=http://bbs.51mxd.com/flv//vcastr.xml&vcastr_title=传世群英传宣传视频&BarColor=0xFF6600&BarPosition=1" />

<embed src="http://bbs.51mxd.com/flv/flvplayer.swf" allowFullScreen="true"

FlashVars="vcastr_xml=http://bbs.51mxd.com/flv//vcastr.xml&vcastr_title=传世群英传宣传视频&BarColor=0xFF6600&BarPosition=1">

2009-10-20

篇二:jPlayer使用方法(视频、音乐播放插件)具有播放列表

jPlayer是一款基于网页版的视频播放、音乐播放插件,有2套很炫的样式。还有支持多列表播放。

下面直接贴代码:

首先去/retype/zoom/cb0f1a1a52d380eb62946d68?pn=1&x=0&y=359&raww=893&rawh=316&o=png_6_0_0_0_0_0_0_892.979_1262.879&type=pic&aimh=169.85442329227325&md5sum=c87e6ca6b3942fd74e3236adc32f40f7&sign=f76652937c&zoom=&png=0-7833&jpg=0-0" target="_blank">点此查看

}); }); }, swfPath: "js", supplied: "m4a, oga", wmode: "window" $(this).jPlayer("setMedia", { m4a:"/flashplayer/" target="_blank">Flash plugin</a>.

</div>

</div>

</div>

</body>

需要加载的js和css

<script type="text/javascript" src="../jPlayer/js/jquery.jplayer.min.js"></script>

<link href="../jPlayer/skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />

由于项目需要删除多余的文件,所以我的文件只有

希望你成功

篇三:如何让网页FLV文件自动播放方法

如何让网页FLV文件自动播放方法

方法一:js嵌入式

<script type="text/javascript"> var swf_width=187 var swf_height=159 var texts=’海通短信群发’

var files=’/media/jygxc.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=" /media/flvplayer.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=" /media/flvplayer.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="/go/getflashplayer" />’); document.write(’</object>’); </script>

其中: 代码红色部份修改

var swf_width=187187为宽度 var swf_height=159159为高度

海通短信群发 是标题。

/media/jygxc.flv 是FLV文件地址。

/media/flvplayer.swf 是FLV文件播放器地址(可下载到自己的空间再调用)。

flv播放器 Vcastr 2.0 下载:

影片自动播放修改这个代码即可

将:var files=’ /media/jygxc.flv’

修改为如下代码:var files=’ /media/jygxc.flv &BufferTime=2&IsAutoPlay=1&IsContinue=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">

<param name="movie" value=" /media/flvplayer.swf?vcastr_file= /media/jygxc.flv "> <param name="quality" value="high">

<param name="allowFullScreen" value="true" />

<embed src=" /media/flvplayer.swf?vcastr_file= /media/jygxc.flv " allowFullScreen="true" quality="high" pluginspage="/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="180"></embed> </object>

参数说明如下:

本人测试通过,特分享给大家!如需转载请注明,谢谢!

如有不明也可加我QQ2671015453,互相交流!


js的flv视频播放器插件使用方法》出自:百味书屋
链接地址:http://www.850500.com/news/72937.html
转载请保留,谢谢!
相关文章
  • js的flv视频播放器插件使用方

    网页制作之FLV视频播放代码的编写网页制作之FLV视频播放代码的编写解决方案一:编写成js嵌入网页中直接copy下面代码,修改其中红色部分,即:swf_width、swf_height、texts、file...

推荐范文