0

在我的 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>
4

1 回答 1

1

尝试这个：

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

如果您使用 jquery，这些事情会变得更容易和更方便。你可以从 jquery.com 下载它

这是 jquery 的外观

$("#example_video_1").click();

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

于 2013-10-21T10:07:44.277 回答