如何用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視頻？

回答

相關問題