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 に答える