Javascript Video.js上的视频控件仅与HTML5一起出现

我正在使用Video.js显示一些短视频。我的第一个使用Video.js的页面如下所示：

  <video id='my-video' class='video-js' controls preload='auto' width='800' height='600' poster='MY_VIDEO_POSTER.jpg' data-setup='{}'>
    <source src='example.mp4' type="video/mp4">
  </video>

Javascript工作得很好，但最终播放的视频只显示进度条！播放/暂停和静音消失

我是否需要在选项对象中设置使这些控件显示的内容？如何使用Javascript恢复暂停/播放和静音控件

另外：如果有一个真正的音量控制和全屏控制也不错。我知道这些存在于View.js控件中，并且全屏控件在使用纯HTML视频时出现，但是文档中不清楚如何在使用Javascript时显示它们

有人能告诉我如何让他们也可用吗

---

I

在上面的第一个示例中，HTML5视频标签中有一个属性“controls”-这就是告诉浏览器包含这些控件的原因

这在第二个示例中缺失，即HTML5视频标签中没有“控件”属性。您确实在Javascript中有它，但我的经验是，将它添加到HTML5中，然后通过Javascript控制行为以及您做什么和不想做什么-请参见以下示例：

let player=videojs（'testVid'{
控制栏：{
卷面板：{
内联：false
}
}
});


  <button type="button" onclick="playit('example.mp4')">Press Me</button>
  <video id='my-video' class='video-js' width='800' height='600' poster='MY_VIDEO_POSTER.jpg'>
  </video>

var playit = function(vName) {

   var options = {
       sources: [{
          src: vName,
          type: "video/mp4"
       }],
       preload: "auto",
       controls: true,
       autoplay: true
   };

   var play = videojs("my-video",options,function onPlayerReady() {
       this.play();
   });
}