Question

在我的html页面中，我有一个videojs播放器和一个按钮。 Videojs播放器支持的功能是，当用户点击它时，视频将被暂停/播放。所以，我想通过点击我的按钮来调用videojs播放器的事件onclick功能。我怎么能这样做？

这是我的代码。但它没有用。

<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      poster="http://video-js.zencoder.com/oceans-clip.png"
      data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
  </video>
  <input type="button" onclick="test();">
<script>

    function test() {
        var myPlayer = videojs("example_video_1");
        myPlayer.onclick();
    };

</script>
</body>

Answer 1

试试这个：

function test() {
        var myPlayer = document.getElementById("example_video_1");
        myPlayer.click();
    };

如果使用jquery，这样的事情会变得更容易和更有意义。你可以从jquery.com下载它

以下是jquery的外观

$（ “＃example_video_1”）点击（）;

使用jquery，您还可以通过类或标记或任何其他属性选择元素。

如何从其他控件调用onclick事件

1 个答案: