html按钮控制播放暂停,外部按钮控制video视频的播放暂停

.stop {

background-color: #FF2D2D;

width: 80px;

height: 30px;

line-height: 30px;

text-align: center;

border-radius: 4px;

margin: 15px 10px;

color: #fff;

.p2 {

display: none;

}

暂停直播

开始直播

var pause = true;

// 点击暂停直播按钮暂停

$(‘.stop‘).click(function () {

if (pause) {

pause = false

$(‘video‘).trigger(‘pause‘);

$(‘.p1‘).css({

"display": "none"

})

$(‘.p2‘).css({

"display": "block"

})

} else {

pause = true

$(‘video‘).trigger(‘play‘);

$(‘.p2‘).css({

"display": "none"

})

$(‘.p1‘).css({

"display": "block"

})

}

})

原文：https://www.cnblogs.com/lljun/p/11725385.html

html按钮控制播放暂停,外部按钮控制video视频的播放暂停相关推荐

HLS播放：html5下用video标签来播放m3u8格式的视频
HLS播放:html5下用video标签来播放m3u8格式的视频 <video class="tvhou" width="100%" height=&qu ...
html5播放视频自动循环播放,HTML5 通过Vedio标签实现视频循环播放的示例代码
要实现网页播放视频在HTML5以前是通过标签标签的作用是在 HTML页面中嵌入多媒体元素标签的作用是在 HTML页面中嵌入多媒体元素存在的问题: 需要flash,效率低如果浏览器不支持 Fla ...
html嵌入视频mp4视频无法播放,html中嵌入mp4格式视频无法播放
我们在制作网页的时候经常会在网页中添加mp4格式的视频,但是我们会发现html中嵌入mp4格式视频无法播放,那么要怎么办呢?下面我们就一起去看看解决方法吧. 下面的这段代码是在我的test.html中 ...
video使用，以及解决：网页刷新后，video视频无法播放
我需要设置视频在网页打开后,视频自动加载出来,开始播放,并自动循环播放. 开始我的设置 <video id="videos" autoplay="autoplay& ...
html 播放f4v,配置 nginx 支持 f4v视频格式播放
Nginx默认不支持f4v视频格式播放,解决方法为编辑mime.types文件,在video/mp4加上f4v即可types { # Data interchange application/atom ...
微信video视频自动播放
document.addEventListener("WeixinJSBridgeReady",function(){ document.getElementById(" ...
【英语学习工具】LeHoCat 提供免费的视频集播放工具使用方法, 看视频学英语的工具, 帮助自学英语（详细图文解说）
学习英语常常要硬背教材, 要背得起来真的很难, 看看能不能找有兴趣的内容一面消遣一面学习, 比如说一部英文电影视频至少有1000句话, 要是能把整部电影视频的英语学得差不多了会不会有所进步, LeHo ...
html谷歌浏览器自动播放视频,谷歌浏览器怎么才能绕过视频自动播放的限制呢？大家有没有什么好办法...
看了douyutv.com.yy.com. now直播.laifeng.com等,他们的video都可以自动播放,即使第一次进入不能,刷新下浏览器也就可以自动播放了,这是怎么做到的? 我这边用谷歌提供 ...
通过Android实现VR视频的播放
实现VR视频的播放和前面写过的VR全景图的展示差不多,改变的也只是库文件的不同,资源目录下的资源不同而已.下面就来说一下步骤. 先展示一下效果图完成步骤: 1.以导入Moudle的方式导入库文件.( ...

html按钮控制播放暂停,外部按钮控制video视频的播放暂停

html按钮控制播放暂停,外部按钮控制video视频的播放暂停相关推荐

最新文章

热门文章