Question

我正在搜索如何使用dash.js自定义播放器以供现场使用，由于浏览器播放器无法正常使用实时会话我现在尝试删除搜索栏和时间指示器，将来我将搜索可以管理实时缓冲区的搜索栏。但我无法找到正确的属性来设置seekBar：false并且每次指示灯都关闭，我找到了这个列表https://docs.videojs.com/tutorial-components.html，但组件似乎不起作用。哪个是排除控件的正确属性？或者可能是语法问题？

http://jsbin.com/aheVeCOG/2/edit?js,output

音量控制到错误的工作：

var video = videojs('my_video_1', {
  children: {
    controlBar: {
      children: {
        volumeControl: false 
      }
    }
  }
});

我的尝试不起作用

var video = videojs('my_video_1', {
  children: {
    controlBar: {
      children: {
        ProgressControl: false 
      }
    }
  }
});

谢谢！

的Massimo

Answer 1

我被指示使用CSS方面显示/隐藏任何不良值。

所以，我一直在使用下面风格的前四行代表我的：

＆＃13;

<style>
		.video-js .vjs-current-time { display: block; }
		.video-js .vjs-time-divider { display: block; }
		.video-js .vjs-duration { display: block; }
		.video-js .vjs-remaining-time { display: none; }
		
		#.video-js .vjs-mute-control { display: none; }
		#.video-js .vjs-volume-menu-button { display: none; }
		#.video-js .vjs-volume-bar { display: none; }
		#.video-js .vjs-progress-control { display: none; }
</style>

＆＃13;

底部四行（在删除前导＃＆＃39; char之后）应该适合您。（请注意，您可以仔细阅读链接文件＆＃39; video-js.css＆＃39;以获取当前的定义。

Answer 2

只需修复错误就行了，在第一个字符处使用lowserCase代替： progressControl 而不是 ProgressControl

var video = videojs('my_video_1', {
  children: {
    controlBar: {
      children: {
        progressControl: false
      }
    }
  }
});

工作示例： http://jsbin.com/damahev/2/edit?html,js,output

Video.js自定义播放器控件

2 个答案: