video.js怎么改音量条的方向

JavaScript012

video.js怎么改音量条的方向,第1张

在页面中引用video-js.cs样式文件和video.js<link href="video-js.css" rel="stylesheet" type="text/css"><script src="video.js"></script>设置flash路径,Video.js会在不支持html5的浏览中使用flash播放视频文件<script>videojs.options.flash.swf = "video-js.swf"</script>htmlposter="**"播放初始图。可使用三种视频格式,根据所需要格式选择对应的。<video id="example_video1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}"><source src="http://视频地址格式1.mp4" type='video/mp4' /><source src="http://视频地址格式2.webm" type='video/webm' /><source src="http://视频地址格式3.ogv" type='video/ogg' /><track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --><track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --></video>设置自动播放将下面代码加到html中代码后面<script type="text/javascript">var myPlayer = videojs('example_video1')videojs("example_video1").ready(function(){ var myPlayer = thismyPlayer.play()})</script>

把<video>元素放入到一个<div>标签中,如:

<div>

<video>

/*这里放入你的代码*/

</video>

</div>

然后设置这个<div>的样式使这个<div>居中。

<div id="a1"></div>

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>

<script type="text/javascript">

var flashvars={

p:1,

e:1

}

var video=['http:// movie.ks.js.cn/flv/other/1_0.mp4->video/mp4','http:// www .ckplayer.com/webm/0.webm->video/webm','http://www .ckplayer.com/webm/0.ogv->video/ogg']

var support=['all']

CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support)

</script>1234567891011

HTML

CKobject.embedHTML5('放置播放器的容器的ID',

'播放器ID',

'宽高,支持百分比',

'高度,支持百分比',

视频地址,数组,因为不同的平台支持的视频格式不同,所以需要尽量多的视频格式来兼容,

初始化配置参数,比如默认是否播放,

在哪些平台上使用,all是指全部平台都调用

)