流量变现70%分成 全国楼凤小姐姐 招商联系客服 招商联系客服 招商联系客服 招商联系客服

H5播放器VideoJS-Demo JS

[复制链接]
查看148 | 回复0 | 2024-10-9 07:52:00 | 显示全部楼层 |阅读模式
H5播放器VideoJS-Demo JS


  1. var options = {
  2.     controls: true,//控制栏
  3.     autoplay: true,//自动播放
  4.     language: 'en',//语言
  5.     preload: 'auto',//预加载
  6.     sources: [{src: '<?PHP echo $data['url']?>'}],//视频地址
  7.     controlBar:{//控制栏组件
  8.         children: [
  9.             {name: 'playToggle'}, // 播放按钮
  10.             {name: 'currentTimeDisplay'}, // 当前已播放时间
  11.             {name: 'timeDivider'}, // 分隔符
  12.             {name: 'durationDisplay'}, // 总时间
  13.             {name: 'progressControl'}, // 播放进度条
  14.             {name: 'volumePanel',inline: true,},// 音量控制 // 不使用水平方式
  15.             {name: 'playbackRateMenuButton','playbackRates': [0.5, 1, 1.5, 2]},// 倍数播放
  16.             {name: 'FullscreenToggle'} // 全屏
  17.         ],
  18.     },
  19. };
  20. var player = videojs('player', options, function oNPlayerReady() {});
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则