章丘做网站-首页视频播放器代码

2019-3-5 15:40:09      点击:

这次在章丘做网站过程中用到的视频播放器是vcastr3.0,Vcastr3.0是一款开源的flv在线网页播放器插件,下面就来谈一下这款视频播放器怎么来使用吧。

网页首页视频播放器代码:

<object type="application/x-shockwave-flash"  data="http://ttvod.91tata.com/vcastr3.swf" width="620"  height="380" id="vcastr3">
    <param name="movie" value="http://ttvod.91tata.com/vcastr3.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="FlashVars"
        value="xml=
        {vcastr}
            {channel}
                {item}
                    {source}http://ttvod.91tata.com/xiakexing2.flv{/source}
                {/item}
            {/channel}
            {config}
                {isAutoplay}false{/isAutoplay}
                {isLoadBegin}false{/isLoadBegin}
            {/config}
        {/vcastr}" />
</object>
网页首页视频播放器注意事项:
上面的代码当中

1、{config} {/config}中间为播放器的参数设置区域,参数设置可以参考下面内容:

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 auto auto 10″, 右下角对齐是"auto 10 10 auto"
<logoPlugIn.logoClipUrl>
图片logo的url,可以使用绝对地址,也可以使用相对地址,绝对地址需要http://开始
<logoPlugIn.logoClipAlpha>
图片logo的透明度
<logoPlugIn.logoClipLink>
图片logo的连接
<logoPlugIn.clipMargin>

图片logo的位置,用了css的margin概念,四个数值代表 上 右 下 左 相对于播放器的距离,四个数值用空格分开,不需具体数值用"auto"填写 ,比如左上对齐并都有10像素的距离可以写 "10 auto auto 10″, 右下角对齐是"auto 10 10 auto"

2、代码第一行<object type="application/x-shockwave-flash"  data="http://ttvod.91tata.com/vcastr3.swf" width="620"  height="380" id="vcastr3">中的data=""为播放器的地址,请大家保持可以正常访问,可以上传到你网站的根目录下;width为视频播放器的宽度,height为视频播放器的高度,请结合自己的实际情况设置。

代码第二行<param name="movie" value="http://ttvod.91tata.com/vcastr3.swf" />中的value=""也为播放器的地址,请大家保持可以正常访问,可以上传到你网站的根目录下。

3、 {item}{source}这里为你的FLV地址{/source}{/item},请保证视频可以正常访问,章丘做网站只测试了FLV格式的视频,其他的应该是MP4也支持。

好了,怎么使用就先讲到这里了,亲测dedecms首页可以使用这款视频播放器,效果很好。