HTML5視頻播放和暫停觸發

Question

我無法觸發視頻播放和暫停事件。我試着用：

<script type="text/javascript"> 
    $(function(){ 
     $(document).delegate('#play','click',function(){ 
      $('.video')[0].play(); 
     }); 
     $(document).delegate('#video-close','click',function(){ 
      $('.video')[0].pause(); 
     }); 
    }); 
</script> 

<div class="video centered-content"> 
    <a class="circle-canvas close-video" href="javascript:void(0)" id="video-close">X</a> 
    <video width="63%" height="80%" id="ourvideo" controls> 
     <source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.mp4"> 
     <source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.ogv"> 
     <source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.webm"> 
    </video> 
</div> 
<a class="circle-canvas close-video" href="javascript:void(0)" id="play" >play</a> 

有什麼建議嗎？

Answer 1

您正在選擇沒有play/pause方法的div元素。變化：

$('.video')[0].play(); 

到：

$('#ourvideo')[0].play();