在按钮上单击暂停 HTML 视频（在自动播放中）答案

【问题标题】：On Button Click Pause HTML Video (Which is in autoplay)在按钮上单击暂停 HTML 视频（在自动播放中）
【发布时间】：2016-04-18 14:15:18
【问题描述】：

我有一个 HTML 5 视频，它在页面加载时播放时没有音频。它按我想要的方式工作。但是有没有一种方法可以让用户按下按钮让视频暂停？

我的 HTML 代码是：

<video autoplay loop poster="" id="bgvid">
<source src="img/bg.mp4" type="video/webm">
<source src="img/bg.mp4" type="video/mp4">

还有 CSS...

video#bgvid { 
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(polina.jpg) no-repeat;
background-size: cover;

}

【问题讨论】：

stackoverflow.com/questions/4155329/…

标签： javascript jquery html

【解决方案1】：

<video onclick="this.paused? this.play() : this.pause()">

正如评论所说。来自：How to pause a HTML5 video on an event?

【讨论】：

【解决方案2】：

$('.btn').click( function() {
   $('video').get(0).pause();
});

$('video').click( function() {
       this.pause();
});

【讨论】：