jwplayer介绍及使用方法

上传人:夏** 文档编号:545944802 上传时间:2023-06-16 格式:DOCX 页数:13 大小:66.07KB
返回 下载 相关 举报
jwplayer介绍及使用方法_第1页
第1页 / 共13页
jwplayer介绍及使用方法_第2页
第2页 / 共13页
jwplayer介绍及使用方法_第3页
第3页 / 共13页
jwplayer介绍及使用方法_第4页
第4页 / 共13页
jwplayer介绍及使用方法_第5页
第5页 / 共13页
点击查看更多>>
资源描述

《jwplayer介绍及使用方法》由会员分享,可在线阅读,更多相关《jwplayer介绍及使用方法(13页珍藏版)》请在金锄头文库上搜索。

1、方法如果你仅需要播放一个FLV文件例如“video.flv”,那么只要把“video.flv”和压缩包内的flvplayer.swf复制到同一个目录内,然后在页面内添加程序1. 3. 4. 5. “flvplayer.swf”会自动找到同一目录内的“video.flv”播放。也可以在“flvplayer.swf”后添加FLV文件的URL来进行播放。方法如下:1. 3. 4. 5. file=movies/holiday.flv”就是参数,可以使用相对或者绝对地址。其他参数说明:如果载入影片时不需要自动播放,可以使用“autostart”参数例子1. 3. 4. 5. 6. 多个参数可以混合使用

2、,有效的参数列表:7. 程序代码file (FLV文件的地址)autostart (是否允许自动播放,true或者false)image (未播放时的预览图片,只支持JPEG格式)repeat (是否重复播放)clicktext (开始时显示的文字,默认是click to play)8. 下面是3.12版本http:/ MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安装方法和配置方法JW PLAYERS 3.12 文档1,安装 (在你的站点里嵌入)2,参数 (配置)基本参数颜色参数界面参数播放参数互动参数3,播放列表4,自定义

3、5,支持快速配置,可运行配置向导1,安装下载后,你可以得到一个例子,当用文本或HTML编辑器打开的时候,你可以发现swf是用一段短小的javascript嵌入到页面上的。这个Javascript是Geoff Stearns写的swfobject.js,它解决了Flash需要激活的麻烦。当复制swf到你的站点的时候,不要忘记了把swfobject.js一同复制过去。并且在页面中的Head中加入下面代码程序代码1. 在swfobject.js的帮助下你可以方便的设置swf的路径,宽度,高度,背景颜色和所需要的Flash播放器的版本,也可以通过它设置一组参数来配置swf。当页面加载的时候,javas

4、cript会根据id来替换页面中的节点。程序代码1. Get Flash to see this player.2. 3. var so = new SWFObject(mediaplayer.swf,player,400,400,7);4. so.addParam(allowfullscreen,true);5. so.addVariable(file,test.flv);6. so.addVariable(displayheight,300);7. so.write(player);8. 在你不能使用javascript的情况下(比如你的bsp不支持,如myspace),你可以使用embe

5、d的方式来插入swf。需要注意的是 swf可以不在该服务器上,但是如果你需要用xml的播放列表可能会有问题,因为xml必须和swf在同一个服务器上,否则会因为安全问题被组织。mp3,jpg,flv可以不在该服务器上。程序代码2,参数这些参数可以配置被嵌入到html中的播放器的行为和外观。如果使用swfobject.js,可以用addVariable()方法来配置,如果使用的embed方式,可以通过定义flashvars属性来配置变量,注意用&符号分割这些变量。被*号标注的同样适用于 JW Image Rotator基本变量displayheight(number):显示区域的高度.控制区域最小

6、高度是20px,当该值大于或等于swf的高度时,播放列表会自动隐藏,否这会显示。file*(url):要播放文件的地址。 支持单文件播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF),也支持播放列表。JW Image Rotator只支持列表height*(number):设置swf的高度,当使用embed方式插入的时候,在embed的属性里已经设置了。但是有时候(特别是使用IE的时候)高度会变的不确定,影响了布局,这时候需要通过该参数设置下,该值的单位是pximage(url):当你播放mp3,flv的时候,你可以通过该值设置一个预览图作为专辑封面,支持 JPG/SWF/PNG

7、/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):设置播放器

8、的背景颜色。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):当播放

9、列表过长的时候,默认会自动显示滚动条。当该值设置为true的时候,会自动根据鼠标滚动播放列表。displaywidth(number of pixes):设置显示区域的宽度,当设置的比较小的时候,播放列表会显示在显示区域的右侧而不是底部。kenburns* (true,false): 用以实现在运动的时候实现kb效果(Ken Burns effect),注意,当图比较大,而且网速比较快的时候,建议打开,否则关闭。建议设置transition为slowfade来配合。largecontrols (true,false): 设置该值为true用来放大控制区域的按钮。建议为视力不好的用户打开logo

10、* (url): 设置一个图片用来作为右上角的水印,支持所有图片格式,支持通明图层的png效果最佳。overstretch* (true,false,fit,none): 设置图片/影片在显示区域的缩放。true等比例拉伸用来符合显示区域。false仅拉伸合显示区域。fit全屏显示。none显示原始大小。JW Media Player等默认为fit,JW Image Rotator默认为falseshowdigits (true,false,total): 设置为false隐藏播放时间等信息用来节省控制区域的空间。设置为total用来显示全部时间。showdownload (true,fals

11、e):设置该值用来在控制区域显示下载按钮。链接到link所设置的地址。showeq (true,false): 用来显示一个假的音频波动效果。当播放mp3的时候打设置该值可以得到很好的效果showicons* (true,false): 用来显示或者隐藏显示区域中间的图片,JW Media Player等默认为true。JW Image Rotator默认为false;showvolume (true,false): 用来设置是否显示音量控制按钮thumbsinplaylist (true,false): 设置列表中是否显示预览图播放参数autostart (true,false,muted): 设置为ture,页面加载完后会自动播放。设置为muted,会在静音模式下自动播放,并且显示区域中间有静音图标。bufferlength (number): 设置flv的缓存时间。默认为3秒repeat* (true,false,list): 默认为flase,从当前播放位置播放到列表尾部后停止。设置为list会播放列表中所有的项目,设置为true会循环播放。rotatetime* (number): 设置图片的显示时间。JW Media P

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 建筑/环境 > 施工组织

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号