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

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

javascript html

Javascript 如何从其他控件调用onclick事件,javascript,html,Javascript,Html,在我的html页面中，我有一个videojs播放器和一个按钮。Videojs player支持当用户点击时暂停/播放视频的功能。所以，我想通过点击我的按钮来调用videojs播放器的event onclick函数。我该怎么做这是我的密码。但它没有起作用 <body> <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" hei

在我的html页面中，我有一个videojs播放器和一个按钮。Videojs player支持当用户点击时暂停/播放视频的功能。所以，我想通过点击我的按钮来调用videojs播放器的event 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>

试试这个：

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

如果使用jquery，这些事情会变得更简单、更方便。您可以从jquery.com下载它

下面是jquery的外观

$example\u video\u 1.点击

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

谢谢内维尔·纳泽兰。但我试了两种方法，但都不起作用。当我点击下面的按钮时，我希望播放器暂停/播放，但什么也没有发生。也许，我犯了一些错误。这是我的完整html代码。如果您发现了什么，请提供帮助。要使用第二种方法，首先需要导入jquery，请在head标记中写入以下内容以导入：src=>上面的内容不可见