0

<video>video.js フレームワークを使用するプレーヤーの複数のインスタンスを含むページがあります。それらの1つを再生するときに、他の再生中のインスタンスを一時停止したいと思います。というか逆に言えば、1人プレイ中は他の全員を一時停止させたい。

余談ですが、残念ながら、動的に作成されるため、video.js要素のIDがわからないWordpress環境でこれを使用しています。jqueryにもアクセスできます。

html 出力は次のようになります。

<video id="example_video_id_1984815762" class="video-js vjs-default-skin" width="350" height="198" poster="http://example.com/wp-content/uploads/2013/09/filename.jpg" controls preload="none" data-setup="{}">
    <source src="http://example.com/wp-content/uploads/2013/09/filename.mp4" type='video/mp4' />
</video>

そして私はこれを試しましたが、役に立ちませんでした:

$('.filmWrapper a').click(function(){

    var vidId = $(this).find('video').attr('id');

    var myPlayer = videojs(vidId);

    myPlayer.on('play',function(){
    this.siblings().pause();
    });

    return false;

});

私はかなり確信している

  1. これを完全に間違って行うと、
  2. 私のjqueryとvideojsのものをひどく混同しています。

これは一般的な使用方法です。誰かがそれがどのように行われたか教えてもらえますか?

4

1 に答える 1