篇一:网页制作之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
转载请保留,谢谢!