在按钮上单击暂停HTML视频(正在自动播放)
On Button Click Pause HTML Video (Which is in autoplay)
我有一个HTML5视频,它在页面加载时不带音频播放。它按我的意愿工作。但是,有没有一种方法可以让用户按下按钮,视频就会暂停?
我的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;
}
<video onclick="this.paused? this.play() : this.pause()">
正如评论所说。Via:如何在活动中暂停HTML5视频?
$('.btn').click( function() {
$('video').get(0).pause();
});
$('video').click( function() {
this.pause();
});
相关文章:
- 在移动设备中自动播放视频
- 在一天中的某个时间自动在我的网站上播放视频
- 如何降低html视频的自动播放音量
- 自动播放youtube视频的Javascript
- 如何在HTML5画布上自动播放短视频剪辑
- 在按钮上单击暂停HTML视频(正在自动播放)
- 同时静音自动播放多个YouTube视频
- 视频(自动播放)通过javascript隐藏,但已经在页面加载时启动
- 视频通过javascript被隐藏,但已经开始播放(自动播放模式),即使是's不可见
- bootstrap youtube视频模式自动播放
- 当元素在视口中可见时,自动播放html视频
- 如何在WordPress主页上自动播放YouTube视频
- 解决在手机上自动播放youtube视频的问题
- 为什么iPhone不允许在html元素的背景中自动播放视频
- Jquery 自动播放视频序列不起作用
- 在“显示CSS”属性设置为无后自动播放视频
- 在移动浏览器上自动播放视频元素
- 使用HTML5和javascript在播放器全屏而不是背景全屏中自动播放视频
- 自动播放视频播放列表后45秒的闲置网站与javascript
- 停止自动播放视频