我正在使用video.js并将控制栏移到我的视频下方 .

当视频正在播放和暂停且用户没有将鼠标移动到视频区域时，带有播放，搜索栏，音量和全屏的控制栏会淡出 .

现在我还想在常规控件下面添加 Headers 和共享选项 . 我尝试了stackoverflow VideoJS 4.0 Plugin: How to properly add items to the controlBar?中的以下链接，但是我太缺乏经验，无法根据我的需要进行调整 .

这就是为什么我只想启动一个js函数来调整div元素的可见性，以调整video.js控件栏的可见性 .

我的代码：

<style>
#sharediv {
background-color: #FFFFFF;

  }
 </style> 

 <div id="sharebox"> Test </div>

 <script>

function showsharebox()
  { document.getElementById("sharebox").style.visibility=(document.getElementById("example_video_1").vjs-control-bar.style.opacity == 0) ? = hidden;
     }

</script>

我知道事件处理程序丢失了 . 在哪里以及如何插入那个人？

非常感谢！

我知道尝试将该函数绑定到控件栏的类，但这也不起作用：

function showsharebox()
 { document.getElementById("sharebox").style.opacity=(document.getElementById('example_video_1').getElementsByClassName('vjs-default-skin vjs-control-bar').style.opacity;
     }

我会非常感谢任何形式的投入 .

javascript function video.js