H5播放器VideoJS-Demo JS

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() {});

复制代码