暂停按钮不适用于html5中的视频？

Question

当我点击应该播放/暂停的视频屏幕时，这工作正常。但是html5视频默认控件（播放/暂停按钮）无效。

为此我添加了事件监听器，现在播放按钮工作正常但暂停按钮不起作用。

此处我无法通过暂停按钮暂停视频。

请帮我解决这个问题。提前谢谢.......

    <video id="myVideo" onclick="playPause(this)" width="320" height="240" poster="images/Koala.jpg" controls="controls">
        <source type="video/mp4" src="videos/clipcanvas.mp4" />
    </video>

脚本代码：

function playPause(myVideo) {

        myVideo.addEventListener('play', function() {
            myVideo.play();
        }, false);

        if (myVideo.paused) {
            myVideo.play();

        } else {
            myVideo.pause();
        }
    }