如何用javascript停顿html5视频？

最初视频是隐藏的。当点击ID为'3'的图像时，视频是可见的。我把一个id为'close_video'的按钮隐藏了播放器。问题仍在播放视频。如何暂停？如何用javascript停顿html5视频？

的代码是：

<div id="video" class="popup-video"> 
       <div class="video"> 
        <div class="close_video" id="close_video"> 
         </div> 
         <video id="id_video" width="400" height="257" controls="controls" preload="auto"> 
          <source src="{$content_dir}themes/trendy/video/Wildlife.mp4" type="video/mp4" />  
         </video>       
       </div> 
    </div> 

<script> 
    $(document).ready(function(){ 
     $('#3').click(function(){ 
     $("#video").removeClass("popup-video").addClass("popup-video-show"); 
     }); 
    }); 
</script> 
<script> 
    $(document).ready(function(){ 
     $('#close_video').click(function(){ 
     $("#video").removeClass("popup-video-show").addClass("popup-video"); 
     }); 
    }); 
</script>

我尝试这样做：

<script> 
    $(document).ready(function(){ 
     $('#close_video').click(function(){ 
     $("#video").removeClass("popup-video-show").addClass("popup-video"); 
     document.getElementById('id_video').pause(); 
     // and $("#id_video").pause(); 
     }); 
    }); 
</script>

但没有effect.The视频dissapear，但仍乳宁

来源

2013-04-24 marius

我只是用Google搜索你的标题，发现以下主题： http://stackoverflow.com/questions/4155329/how-to-pause-a-html5-video-on-an-event – Brewal 2013-04-24 14:12:26

你可以使用：' $（“＃id_video”）。gt（0）.pause（）;' – Joe 2013-04-24 14:15:03

通常情况下，你只需要点击视频暂停/播放。

除了使用pause()尝试使用的click()

来源

2013-04-24 14:15:38

我使用了click（），但没有任何效果 – marius 2013-04-24 14:21:02

当使用jQuery，你需要使用 '得到' 第一：

$('#videoId').get(0).pause()

来源

2013-04-24 14:16:28

一个尝试$（'＃videoId'）。get（0）.pause（） firefox是：TypeError：$（...）。get（...）。暂停不是函数 – marius 2013-04-24 14:17:50

您运行的是哪个版本的Firefox？ – 2013-04-24 14:19:06

最新版本20.0.1 firefox – marius 2013-04-24 14:22:03

当与HTML5的工作，使用：

document.getElementById(\"movie_player\").click()

它适用于我。

来源

2018-01-31 14:07:26 UmbrellaINC

如何用javascript停顿html5视频？

回答

相关问题