网页播放器-vcastr3

今天刚好遇到需要解决企业宣传视频播放。一开始是找的YOUKU的链接,结果被优酷广告烦透;再者就找腾讯云视频,后来发现是收费的。

再后来接触到了Vcastr3 网页播放器,真的很不错,功能也很强大。底部有范例下载地址,在这里分享一下参数设置:


channel 影片设置(这里可以设置视频的标题,链接等)
<item>
影片信息,可以设置多个影片
<itme.source>
flv影片地址参数,此参数是唯一必须要有的参数,其他参数都可以不要,播放器有默认参数
<itme.duration>
对应影片的总时间, 单位是秒,由于有些影片在制作过程中时间信息丢失,可以通过这里来设置
<itme.tilte>
对应影片的标题
<itme.link>
对应影片点击后的链接


contral播放器设置(这里用来设置播放器参数,例如:自动播放,控制栏颜色,透明度等)
<bufferTime>
在缓存区影片的时间,单位是秒
<contralPanelAlpha>
控制栏的透明度,在 0 — 1 之间
<controlPanelBgColor>
控制栏背景的颜色
<controlPanelBtnColor>
控制按钮的颜色
<contralPanelBtnGlowColro>

控制按钮光晕的颜色
<defautVolume>
默认的声音大小,最大为1,最小为0
<controlPanelMode>
控制栏的显示模式,
"float": 默认的浮动模式,鼠标移除播放器就会隐藏掉
"normal": 正常模式,任何时候都在影片的下部浮动显示
"bottom": 下部模式,不浮动在影片之上,而是显示在影片下方
"none": 不显示播放器控制栏
<isAutoPlay>
是否影片自动开始播放,默认是true
<isLoadBegin>
是否一开始就读取影片,默认是true
<isRepeat>
是否循环播放影片,默然是false
<isShowAbout>
是否显示关于信息
<scaleMode>
影片放缩模式:
"showAll": 可以看到全部影片,保持比例,可能上下或者左右
"exactFil": 放缩影片到播放器的尺寸,可能比例失调
"noScale": 影片的原始尺寸,无放缩
"noBorder": 影片充满播放器,保持比例,可能会被裁剪


logoPlugIn插件设置(用来设置版权信息,例如:你的网址,链接,网址字体大小等)
plugIns 中每一个子节点代表一个插件,可以设置多个插件
logoPlugIn显示logo插件的参数设置
<logoPlugIn.url>
插件的地址,可以使用绝对地址,也可以使用相对地址,绝对地址需要http://开始
<logoPlugIn.logoText>
logo文字,注意之可以使用英文和英文标点,不支持中文,如果想放中文,就把中文做成文字png透明图片,用<logoPlugIn.logoClipUrl参数设置
<logoPlugIn.logoTextAlpha>
文字的透明度
<logoPlugIn.logoTextLink>
文字的连接
<logoPlugIn.logoTextFontSize>
文字字体的大小
<logoPlugIn.logoTextColor>
文字的颜色
<logoPlugIn.textMargin>
文字的位置,用了css的margin概念,四个数值代表 上 右 下 左相对于播放器的距离,四个数值用空格分开,不需具体数值用"auto"填写 ,比如左上对齐并都有10像素的距离可以写 "10 autoauto 10″, 右下角对齐是"auto 10 10 auto"
<logoPlugIn.logoClipUrl>
图片logo的url,可以使用绝对地址,也可以使用相对地址,绝对地址需要http://开始
<logoPlugIn.logoClipAlpha>
图片logo的透明度
<logoPlugIn.logoClipLink>
图片logo的连接
<logoPlugIn.clipMargin>
图片logo的位置,用了css的margin概念,四个数值代表 上 右 下 左相对于播放器的距离,四个数值用空格分开,不需具体数值用"auto"填写 ,比如左上对齐并都有10像素的距离可以写 "10 autoauto 10″, 右下角对齐是"auto 10 10 auto"


example下载地址:http://pan.baidu.com/s/1eQcXr26


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值