ckplayer 播放视频


备注:其中引用文件无法上传,如果需要私信即可;

<!DOCTYPE html>

<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta content="telephone=no" name="format-detection">
    <title>ckplayer播放视频</title>
<style>


video::-internal-media-controls-download-button {
    display:none;
}




video::-webkit-media-controls-enclosure {
    overflow:hidden;
}




video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}
video::-webkit-media-controls-fullscreen-button {
display: none;
}
</style>
</head>
<script type="text/javascript" src="jquery.js"></script>
<body>
<div class="content" id="pagediv" style="line-height:30px;">
    <div id="topdiv">
<span class="span1" style="font-size:14px;">ckplayer播放视频</span>
       <!--  <input type="text" id="mobile" placeholder="动态标题" readonly/> -->
    </div>
    <div style="height: 1px;background-color: #F1F4F5;width: 100%;"></div>
    <div id="videodiv" >
<div   style="width:100%;height:100%;"  id="playerzmblbkjP">
</div>
    </div>
  
</div>




</body>
</html>


<script type="text/javascript" src="ckplayer.js" charset="utf-8"></script>
 <script type="text/javascript">
    $(function()
{
var height =$(window).height();
var width =$(window).width();
$("#pagediv").height(height); 
 
 $("#videodiv").height(height-34); 
 $("#my_video_1").height(height-34); 
 $("#my_video_1").width(width); 

});
</script>
<script type="text/javascript">
$(function(){
var flashvars={
f:"http://twjs.yunbaozhibo.com/data/upload/level2017-11-10/5a056e15873f6.mp4",//视频地址rtmp://testlive.anbig.com/5showcam/1737_1487723653
a:'',//调用时的参数,只有当s>0的时候有效
s:'0',//调用方式,0=普通方法(f=视频地址),1=网址形式,2=xml形式,3=swf形式(s>0时f=网址,配合a来完成对地址的组装)
c:'0',//是否读取文本配置,0不是,1是
i:"",//封面
t:'10|10',//视频开始前播放swf/图片时的时间,多个用竖线隔开
y:'',//这里是使用网址形式调用广告地址时使用,前提是要设置l的值为空
z:'',//缓冲广告,只能放一个,swf格式
e:'2',//视频结束后的动作,0是调用js函数,1是循环播放,2是暂停播放并且不调用广告,3是调用视频推荐列表的插件,4是清除视频流并调用js功能和1差不多,5是暂停播放并且调用暂停广告
v:'100',//默认音量,0-100之间
p:'2',//视频默认0是暂停,1是播放,2是不加载视频
h:'0', //播放http视频流时采用何种拖动方法,=0不使用任意拖动,=1是使用按关键帧,=2是按时间点,=3是自动判断按什么(如果视频格式是.mp4就按关键帧,.flv就按关键时间),=4也是自动判断(只要包含字符mp4就按mp4来,只要包含字符flv就按flv来)
k:'32|63',//提示点时间,如 30|60鼠标经过进度栏30秒,60秒会提示n指定的相应的文字
n:'这是提示点的功能,如果不需要删除k和n的值|提示点测试60秒',//提示点文字,跟k配合使用,如 提示点1|提示点2
wh:'',//宽高比,可以自己定义视频的宽高或宽高比如:wh:'4:3',或wh:'1080:720'
lv:'0',//是否是直播流,=1则锁定进度栏
loaded:'loadedHandler',//当播放器加载完成后发送该js函数loaded
//调用播放器的所有参数列表结束
//以下为自定义的播放器参数用来在插件里引用的
my_title:"",//{$live['title']}
my_url:encodeURIComponent(window.location.href)//本页面地址
//调用自定义播放器参数结束
};
var params={allowFullScreen:false,allowScriptAccess:'always'}; //这里定义播放器的其它参数如背景色(跟flashvars中的b不同),是否支持全屏,是否支持交互

var video=["http://twjs.yunbaozhibo.com/data/upload/level2017-11-10/5a056e15873f6.mp4"];
CKobject.embed('ckplayer.swf','playerzmblbkjP','ckplayer_playerzmblbkjP','100%','100%',false,flashvars,video,params);
})
</script>

猜你喜欢

转载自blog.csdn.net/u014724048/article/details/78542791
今日推荐