使用视频标记html5点击任意位置

Question

是否存在在对象上的任何位置点击视频开始/暂停的配置？

这是我的代码：

<video id="video_player" controls="controls" poster=""> 
    <source  id="video_mp4" src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>

Answer 1

<video onclick="playPause()" id="video_player" controls="controls" poster=""> 
    <source  id="video_mp4" src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>    

<script>
var myVideo = document.getElementById("video_player");    
function playPause() { 
    if (myVideo.paused) 
        myVideo.play(); 
    else 
        myVideo.pause(); 
}
</script>

尝试这样的事情