网页切换视频不自动暂停

有一些在线学习网站会有这样的功能;正在播放课程视频,如果切换页面,视频会自动暂停。

如果不希望在页面切换时,视频自动暂停,可以通过修改页面的代码来实现。

核心思想就是:js会判断,当页面的visibility为不可见时,视频暂停。因为可以找到播放视频的那个元素。然后在“事件侦听器”中去找与显示相关的事件,并删除。

在我个人的这个学习课程中,就是找到了visibilityChanged事件,删除它,切换页面的时候视频就不会暂停了。

        注意:因为我们删除的事件,是位于本机的js文件(缓存)。因此当页面刷新、切换到另一个课程的时候(总之就是重新加载页面),js中的这个事件还是会在。所以需要重新操作一次。

微信扫码订阅
UP更新不错过~
关注
  • 0
    点赞
  • 2
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论

打赏作者

raynadofan

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值