百度的播放器demo cyberplayer

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>video</title>
</head>
<body>
   
<div id="playercontainer"></div>
    
</body>
<script src="./lib//cyberplayer-3.4.1/cyberplayer.js"></script>
<script type="text/javascript">
  var player = cyberplayer("playercontainer").setup({
      width: 960, // 宽度，也可以支持百分比(不过父元素宽度要有)
      height: 540, // 高度，也可以支持百分比
      title: "基本功能", // 标题
      file: "./assets/2.flv", // 播放地址
      //hls  http://cyberplayer.bcelive.com/videoworks/mda-kbuhu4wqdi08dwix/cyberplayer/hls/cyberplayer-demo.m3u8
      //flv http://cyberplayer.bcelive.com/videoworks/mda-kbuhu4wqdi08dwix/cyberplayer/flv/cyberplayer-demo.flv
      //
      image: "http://cyberplayer.bcelive.com/thumbnail.jpg", // 预览图
      autostart: false, // 是否自动播放
      stretching: "uniform", // 拉伸设置
      repeat: false, // 是否重复播放
      volume: 50, // 音量
      controls: true, // controlbar是否显示
      starttime: 0, // 视频开始播放时间点(单位s)，如果不设置，则可以从上次播放时间点续播
      logo: { // logo设置
          linktarget: "_blank",
          margin: 8,
          hide: false,
          position: "top-right", // 位置
          file: "./img/logo.png" // 图片地址
      },
      ak: "xxxxxxxxx" // 公有云平台注册即可获得accessKey
  });
</script>
</html>
虹猫·
发布了177 篇原创文章 · 获赞 18 · 访问量 1万+
私信关注
百度的播放器demo cyberplayer

猜你喜欢
