HTML5 video oynatma ve durdurma

Question

Video oynatmayı tetikleyemiyorum ve etkinlikleri duraklatamıyorum. Ben deniyorum:

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

Herhangi bir öneriniz var mı?

Answer 1

play/pause yöntemine sahip olmayan div öğesini seçiyorsunuz. Değişim:

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

için:

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