CkPlayer播放器使用

最新推荐文章于 2021-12-06 16:31:45 发布

weixin_34297300

最新推荐文章于 2021-12-06 16:31:45 发布

阅读量528

点赞数

CC 4.0 BY-SA版权

文章标签： java javascript python ViewUI

原文链接：https://my.oschina.net/u/3578766/blog/1555417

本文介绍了CKPlayer视频播放器的集成方法，包括如何通过官方提供的SWF文件及JavaScript进行页面配置，实现视频播放功能。

2019独角兽企业重金招聘Python工程师标准>>>

直接贴官网 http://www.ckplayer.com/


<style type="text/css">
body{ text-align:center} 
#main{margin:0 auto;width:80%;height:80%;} 
</style>

</head>
<body class="nav-md" >
			<!-- 首页 -->
			<div class="right_col" role="main" id="main">
				<!-- 搜索 -->
				<div class="clearfix"></div>
				<div id="main">
					<div id="a1"></div>
					</div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
window.onload=function(){
     var flashvars={
        f:'<%=session.getAttribute("scrs")%>',
        c:0,
        i:'jiump4/封神传奇_高清.PNG',
        wh:'16:9',
        h:4,
    };
    var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
    CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','100%',flashvars,params);  
    /*   var flashvars={
        f:'jiump4/封神传奇_高清.mp4',
        c:0,
        i:'jiump4/封神传奇_高清.PNG',
        wh:'16:9',
        h:4
    };
    var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
    var video=['jiump4/封神传奇_高清.mp4->video/mp4'];
    CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','100%',true,flashvars,video,params);
    */
   
   
   
   
   
  function callFlash(){
   //alert("中键");
   document.getElementById("a1").onClick();
  }
  if(window.addEventListener){
   window.addEventListener("mousedown",function(e){
    if(e.button==1)callFlash();
    //屏蔽右键
    if(e.button==2){    
     if (e.stopPropagation) e.stopPropagation();
     if (e.preventDefault) e.preventDefault();
     if (e.preventCapture) e.preventCapture();
        if (e.preventBubble) e.preventBubble();
    }
   },true);
  }else{
   document.getElementById("flashcontent").onmousedown=function(){
    if(event.button==4)callFlash();
    //屏蔽右键
    if(event.button==2){
     document.oncontextmenu=function(){return false;};
     this.setCapture();
     this.onmouseup=function(){
      this.releaseCapture();
     }
    }
   }
  }
  }
</script>

转载于:https://my.oschina.net/u/3578766/blog/1555417