Odtwarzanie wideo HTML5 i wyzwalanie pauzy

Question

Nie mogę uruchomić odtwarzania wideo i wstrzymać wydarzeń. Próbuję z:

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

Wszelkie sugestie?

Answer 1

Wybierasz element div, który nie ma metody play/pause. Zmiana:

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

do:

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