外部按钮控制video视频的播放暂停
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | <style> .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; } } </style> <div class = "stop" > <p class = "p1" >暂停直播</p> <p class = "p2" >开始直播</p> </div> <script> 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" }) } }) </scrpt> |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步