0

私が持っているもの：

<script>
  function stopvideos()
  { 
    $(".video-js")[0].player.pause();
   //$("#example_video_0").pause(); 
   //$("#example_video_0").get(0).pause();
   //jQuery(".video-js")[0].player.pause();
   //$("#example_video_0").trigger("pause");
   //$("#example_video_0").player.pause();
   // $('#example_video_1').remove();
   /*VideoJS.DOMReady(function(){
       var myPlayer = VideoJS.setup("example_video_0");
       myPlayer.pause();  
    });
   */ 
}
  </script>
<div id="animation-reel">
    <a class="bClose" onclick="stopvideos();">x<a/>
     <video id="example_video_0" class="video-js vjs-default-skin" controls preload="none" width="210" height="118"
      poster="videos/video-js_poster.jpg" 
      data-setup="{}">
    <source src="videos/animation.m4v" type='video/mp4' />
      <!--<source src="peo_v10.webm" type='video/webm' />
      <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
      <track kind="captions" src="videos/captions.vtt" srclang="en" label="English" />-->
    </video>
  </div>

私が試したこと：

1. $(".video-js")[0].player.pause();
2. $("#example_video_0").pause(); 
3. $("#example_video_0").get(0).pause();
4. jQuery(".video-js")[0].player.pause();
5. $("#example_video_0").trigger("pause");
6. $("#example_video_0").player.pause();
7. $('#example_video_1').remove();
8. VideoJS.DOMReady(function(){
    var myPlayer = VideoJS.setup("example_video_0");
     myPlayer.pause();  
   });

私が欲しいもの:

モデルを閉じるリンクをクリックして動画を一時停止 < a class="bClos​​e" onclick="stopvideos();">x< a / >

前もって感謝します

4

2 に答える 2

1

このWorking Example Fiddleを参照してください

次の方法でビデオ要素にアクセスするだけです

var vid = document.getElementById("example_video_0");
vid.pause();

楽しみ..！

于 2012-12-27T10:48:39.763 に答える