在页面中引用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是指全部平台都调用
)