Phát và tạm dừng video HTML5 kích hoạt

Question

Tôi không thể kích hoạt phát video và tạm dừng sự kiện. Tôi đang cố gắng với:

<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> 

Bất kỳ đề xuất nào?

Answer 1

Bạn đang chọn phần tử div không có phương thức play/pause. Thay đổi:

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

tới:

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