点击任何地方使用视频标签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>

试试这样