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();