html按钮控制播放暂停,外部按钮控制video视频的播放暂停
生活随笔
收集整理的这篇文章主要介绍了
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视频的播放暂停的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: html中的expand属性,expan
- 下一篇: 计算机网络知识培训计划,计算机网络管理员