asp 如何做个视频播放网页--像优酷一样 - 公司荣誉 - 南充市顺庆区小房子和树婚礼策划部
当前位置:首页 > 公司荣誉 >

asp 如何做个视频播放网页--像优酷一样

编辑:南充市顺庆区小房子和树婚礼策划部时间:2017-09-12 15:40:52阅读次数:2
asp 如何做个视频播放网页--像优酷一样

JW FLV PLAYER 是网上比较流行而且功能比较全面灵活的开源播放器,目前最高版本为5.1。该系列播放器在4.3版以前为免费全功能版,4.4及以后产品增加了jwplayer水印及链接,5.x以后官方网站也去掉了播放器主程序的源文件下载,需要支付费用才能获得专业版,4.4以后的免费版对Logo支持不是很好。推荐使用 3.17、4.3版、4.4破解版。

  3.17版功能比较全面,支持图像、Mp3、flv、MP4、XMl播放列表等常用格式,一般网站基本够用了,主要不足:不像4.x系列支持屏蔽右键版本菜单,不支持更换皮肤。

  相比3.X版,4.3版增加了支持外观皮肤,支持屏蔽右键产品版本信息菜单(abouttext,aboutlink)。网上还能下载到的有JW Player 4.4的破解版,去掉水印了,4.4以上版本暂时没有能下载到的破解版。

  大家可根据自己的需要选择相应的版本,从这里 可以下载到Jw player 各个版本,还有其他一些单一功能的播放器,但3.X、4.x基本包括了。

  3.XX 4.XX 5.XX系列产品功能参数不完全一致,下面有4.x和3.x系列的参数使用说明,5.x请参考官方网站。

  4.XX系列说明请点击查看→ JW player 4.X 参数使用说明

  下面是3.XX系列的功能参数说明

  JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安装方法和配置方法。

  使用方法:如果你仅需要播放一个FLV文件[例如“video.flv”],那么只要把“video.flv”和压缩包内的flvplayer.swf复制到同一个目录内,然后在页面内添加

程序代码

“file=movies/holiday.flv”就是参数,可以使用相对或者绝对地址。

其他参数说明:

如果载入影片时不需要自动播放,可以使用“autostart”参数
例子

程序代码

多个参数可以混合使用,有效的参数列表:

程序代码
file (FLV文件的地址)
autostart (是否允许自动播放,"true"或者"false")
image (未播放时的预览图片,只支持JPEG格式)
repeat (是否重复播放)
clicktext (开始时显示的文字,默认是"click to play")

JW PLAYERS 3.XX 文档

1,安装 (在你的站点里嵌入)
2,参数 (配置)
基本参数
颜色参数
界面参数
播放参数
互动参数
3,播放列表
4,自定义
5,支持

快速配置,可运行配置向导

1,安装
下载后,你可以得到一个例子,当用文本或HTML编辑器打开的时候,你可以发现swf是用一段短小的
javascript嵌入到页面上的。这个Javascript是Geoff Stearns写的swfobject.js,它解决了Flash需要激
活的麻烦。当复制swf到你的站点的时候,不要忘记了把swfobject.js一同复制过去。并且在页面中的
Head中加入下面代码

程序代码

<script type="text/javascript" src="swfobject.js"></script>

在swfobject.js的帮助下你可以方便的设置swf的路径,宽度,高度,背景颜色和所需要的Flash播放器的版本,也可以通过它设置一组参数来配置swf。当页面加载的时候,javascript会根据id来替换页面中的节点。

程序代码

">Get Flash to see this player.


<script type="text/javascript">
var so = new SWFObject('mediaplayer.swf','player','400','400','7');
so.addParam("allowfullscreen","true");
so.addVariable("file","test.flv");
so.addVariable("displayheight","300");
so.write('player');
</script>

在你不能使用javascript的情况下(比如你的bsp不支持,如myspace),你可以使用"embed"的方式来插入swf。
需要注意的是 swf可以不在该服务器上,但是如果你需要用xml的播放列表可能会有问题,因为xml必须和swf在同一个服务器上,否则会因为安全问题被组织。mp3,jpg,flv可以不在该服务器上。

程序代码

2,参数
这些参数可以配置被嵌入到html中的播放器的行为和外观。如果使用swfobject.js,可以用addVariable()方法来配置,如果使用的embed方式,可以通过定义"flashvars"属性来配置变量,注意用"&"符号分割这些变量。

被*号标注的同样适用于 JW Image Rotator

基本变量

displayheight(number):显示区域的高度.控制区域最小高度是20px,当该值大于或等于swf的高度时,播放列表会自动隐藏,否这会显示。
file*(url):要播放文件的地址。 支持单文件播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF),也支持播放列表。JW Image Rotator只支持列表
height*(number):设置swf的高度,当使用embed方式插入的时候,在embed的属性里已经设置了。但是有时候(特别是使用IE的时候)高度会变的不确定,影响了布局,这时候需要通过该参数设置下,该值的单位是px
image(url):当你播放mp3,flv的时候,你可以通过该值设置一个预览图作为专辑封面,支持 JPG/SWF/PNG/GIF file. 你也可以在播放列表中对每一项进行设置。
shownavigation*(true,false):该参数仅被JW Image Rotator支持。用来显示或隐藏图片导航。
transition* (fade,bgfade,blocks,bubbles,circles,fluids,lines,random,slowfade): 该参数仅被JW Image Rotator支持。用来设置图片替换的效果。 设置为"random" 将随机的设置效果.默认值为 "fade".
width*(number):设置swf的宽度,其他同height;

颜色变量

backcolor*(color):设置播放器的背景颜色。JW Media Player等默认为 0xFFFFFF (白色) JW Image Rotator默认为 0x000000 (黑色).
fontcolor*(color):设置文字和按钮的颜色。JW Media Player等默认为 0x000000 (黑色) JW Image Rotator默认为 0xFFFFFF (白色).
lightcolor*(color):设置被被激活状态的颜色。JW Media Player等默认为 0x000000 (黑色) JW Image Rotator默认为 0xCC0000 (红色).

界面参数

autoscroll(true,false):当播放列表过长的时候,默认会自动显示滚动条。当该值设置为’true’的时候,会自动根据鼠标滚动播放列表。
displaywidth(number of pixes):设置显示区域的宽度,当设置的比较小的时候,播放列表会显示在显示区域的右侧而不是底部。
kenburns* (true,false): 用以实现在运动的时候实现kb效果(Ken Burns effect),注意,当图比较大,而且网速比较快的时候,建议打开,否则关闭。建议设置transition为"slowfade"来配合。
largecontrols (true,false): 设置该值为true用来放大控制区域的按钮。建议为视力不好的用户打开
logo* (url): 设置一个图片用来作为右上角的水印,支持所有图片格式,支持通明图层的png效果最佳。
overstretch* (true,false,fit,none): 设置图片/影片在显示区域的缩放。"true"等比例拉伸用来符合显示区域。"false"仅拉伸合显示区域。"fit"全屏显示。"none"显示原始大小。JW Media Player等默认为"fit",JW Image Rotator默认为"false"
showdigits (true,false,total): 设置为"false"隐藏播放时间等信息用来节省控制区域的空间。设置为"total"用来显示全部时间。
showdownload (true,false):设置该值用来在控制区域显示下载按钮。链接到link所设置的地址。
showeq (true,false): 用来显示一个假的音频波动效果。当播放mp3的时候打设置该值可以得到很好的效果
showicons* (true,false): 用来显示或者隐藏显示区域中间的图片,JW Media Player等默认为true。JW Image Rotator默认为false;
showvolume (true,false): 用来设置是否显示音量控制按钮
thumbsinplaylist (true,false): 设置列表中是否显示预览图

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:黄石网站建设 http://huangshi.45qun.com

上一篇:读懂色彩,让色彩帮设计师说话! 下一篇:最后一页

相关阅读