video-player111

一个视频点播播放器组件

Usage no npm install needed!

<script type="module">
  import videoPlayer111 from 'https://cdn.skypack.dev/video-player111';
</script>

README

视频播放器组件

ckplayer

引入方式

ok
var VideoPlayer = require('@cnpm/video-player');

调用方法

var videoObject = {
            container: '#video_box',//“#”代表容器的ID，“.”代表容器的class
            variable: 'player',//该属性必需设置，值等于下面的new ckplayer()的对象
            autoplay:true,//是否自动播放
            //loaded: 'loadedHandler', //当播放器加载后执行的函数      
            live:false,//是否直播;时移时是false
            poster:hmypic,//封面图片
            video:hm3u8//视频地址
        };

   var player=new ckplayer(videoObject);

主要接口

在播放器加载后的回调函数里添加监听函数
function loadedHandler(){
          player.addListener('ended', endedHandler); //监听播放结束
        }

使用注意事项

把文件包放在服务器上可访问demo/index.html演示

分享的视频object代码必须引用ckplayer.js , 否则分享的视频跨域不能播放

crossdomain.xml 文件放在网站的根下

百度分享组件

组件介绍

在百度分享的基础上增加了视频播放器的分享，即可以分享网址也可以分享视频播放

引入方式

引入下列文件到../demo/index.html

 <link rel="stylesheet" type="text/css" href="../share.css"/>
  /demo/share.html
 <script type="text/javascript" src='../share.js'></script>

调用方式

引入share.js 即自调用。记得share.js放在share.html下面