chimee 视频插件 和 video.js 视频插件

chimee 视频插件 和 video.js 视频插件
参考文档：
https://www.cxyzjd.com/article/Evil_0_0_0/105768336

chimee 视频插件相关链接

官网
API 文档
cdn.baomitu.com 上的资源
cdnjs.com 上的资源
GitHub 仓库文档
Bookstack 文档

chimee 视频插件代码示例

function canPlayer() {
  let u = navigator.userAgent;
  // 判断是否为 iOS 终端
  let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  if(isiOS) {
    globeData.player = new Chimee({
      wrapper: '#wrapper',
      src: globeData.currentPlayerUrl,
      controls: true,
      autoplay: false,
      box: 'native',
    });
  } else {
    globeData.player = new Chimee({
      wrapper: '#wrapper',
      src: globeData.currentPlayerUrl,
      controls: true,
      autoplay: false,
      kernels: {
        hls
      }
    });
  }
  // 添加事件监听
  globeData.player.on('loadedmetadata', function() {
    console.log('loadedmetadata');
    //加载到元数据后开始播放视频
  });
  globeData.player.on('ended', function() {
    console.log('ended');
  });
  globeData.player.on('waiting', function() {
    console.log('waiting');
  });
  globeData.player.on('pause', function() {
    console.log('pause');
  });
  globeData.player.on('play', function() {
    console.log('play');
  });
  // 播放进度
  globeData.player.on('timeupdate', function(res) {
  });
  // 播放出错
  // globeData.player.on('error', function() {
  //   console.log('error');
  // });
}

video.js 视频插件相关链接

CSDN 文章
官方文档
个人详细文档