video.js：控制栏的可见性将影响div元素

Question

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

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

现在我还想在常规控件下面添加标题和共享选项。我尝试了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;
     }

我会非常感激任何形式的投入。