1

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

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

现在我还想在常规控件下方放置一个标题和共享选项。我尝试了 stackoverflow VideoJS 4.0 Plugin 中的以下链接：如何正确地将项目添加到 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;
     }

我将非常感谢任何形式的输入。

4

0 回答 0