Jquery HTML5视频播放和暂停触发

我无法触发视频播放和暂停事件。我正在尝试：

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

$（函数（）{
$（文档）.delegate（'play'，'click'，function（）{
$（'.video'）[0]。播放（）；
});
$（文档）.delegate（“#视频关闭”，“单击”，函数（）{
$（'.video'）[0]。暂停（）；
});
});

---

有什么建议吗？

您正在选择没有播放方法的div元素。更改：

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

致：

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