视频播放时切出页面视频就暂停的问题

已于 2022-12-07 16:50:35 修改
阅读量1.8w 收藏 21
点赞数 4
分类专栏： html 文章标签： html
于 2022-12-07 16:41:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43387909/article/details/128222344
版权

谷歌浏览器方法：

视频播放网页，右键—检查—Elements—Event Listeners—找到blur，点开小三角，remove掉所有子元素
在这里插入图片描述

火狐浏览器方法

查看器—最上面第一个html右边点开event—将所有blur后面的对勾取消
在这里插入图片描述

备注

1、只适用于当前设置好的页面，刷新页面后需要重新设置
2、火狐页面需要保留检查这个窗口，关闭效果就没有了，可以把窗口尽量缩小
3、谷歌页面设置好关闭检查窗口后效果还是存在的

challenge_9999
关注
  • 4
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决网页播放【鼠标移开屏幕或点击屏外视频暂停播放】
拾光博客
10-23 2万+
当我们有时看视频时遇到以下问题，当我们点击视频播放后，视频开始播放，可当我们将鼠标移动出浏览器，或将鼠标切换到其他页面时，视频自动停止，影响我们工作效率，此时该怎么办呢?
解决网页视频播放问题：鼠标一离开页面视频停止播放
m0_74397775的博客
04-11 1434
一开始只是把网页最大化，然后滑到其他工作区，发现视频暂停。
vue3项目使用video标签 刷新页面视频不播放只有切换页面才会播放问题
最新发布
liangyi_8的博客
07-04 411
如果想要video标签内视频不全屏播放 可以添加一个playsinline 属性。找了半天的原因是因为没有加上 muted 静音播放 真的是被自己蠢哭了。刚刚一直在纠结 为什么我写的视频标签页面一进去或者页面刷新就不加载视频。
html鼠标离开视频停止,解决挂课视频鼠标离开网页视频暂停问题
weixin_32056343的博客
06-08 1万+
今天打开一个需要挂学时的培训，发现今年的页面进行了升级，如果鼠标点击了网页以外区域或者页面切换到了其他页面，课程视频页面就会暂停。?这个真是有点坑，要是一个个等着看完，半周时间就没有了 。先看了下，启用画中画功能，发现开启了画中画点击其他页面也会暂停。再试了下网上说的，视频播放后点击右键，再WIN+D最小化窗口，发现还是不行。继续看了下页面通过js检查焦点，可以通过修改js去除这个限制，不过网上看...
关于flv实时视频流的问题 —— 隐藏浏览器页面时，直播视频自动暂停，重新打开页面播放进度重新播放，导致延迟问题。
weixin_61434483的博客
04-10 1717
关于flv实时视频流的问题 —— 隐藏浏览器页面时，直播视频自动暂停，重新打开页面播放进度重新播放，导致延迟问题。可视化大屏常见bug。
解决看有些视频时，鼠标移动出浏览器则视频自动停止播放问题
Rjex
04-08 1万+
解决看有些视频时，鼠标移动出浏览器则视频自动停止播放问题 当我们有时看视频时遇到以下问题，当我们点击视频播放后，视频开始播放，可当我们将鼠标移动出浏览器，或将鼠标切换到其他页面时，视频自动停止，影响我们工作效率，此时该怎么办呢？ 博主以chrome谷歌浏览器为例 1.打开浏览器，鼠标任意位置右击，单击检查 2.单击 Elements ,然后单击 Event Listens ，然后单击 mouse...
网页切换视频不自动暂停
卓尔的专栏
05-30 1万+
有一些在线学习网站会有这样的功能；正在播放课程视频，如果切换页面，视频会自动暂停。 如果不希望在页面切换时，视频自动暂停，可以通过修改页面的代码来实现。 核心思想就是：js会判断，当页面的visibility为不可见时，视频暂停。因为可以找到播放视频的那个元素。然后在“事件侦听器”中去找与显示相关的事件，并删除。 在我个人的这个学习课程中，就是找到了visibilityChanged事件，删除它，切换页面的时候视频就不会暂停了。 注意：因为我们删除的事件，是位于本机的js文件（缓存）...
看网课的时候，鼠标一移出当前网页，视频就暂停（？）问题解决
meatamong_gi的博客
04-08 1万+
看网课的时候，鼠标一移出当前网页，视频就暂停（？）问题解决 看过大佬的文章，学到了，奇怪的知识增加了 审查元素->Event Listeners->mouseout 点击remove，就ok啦 ...
解决视频防挂定时暂停或者做了切入后台等操作自动暂停的问题
热门推荐
m0_50375698的博客
11-05 2万+
第一步: 打开浏览器的开发者工具,找到搜索选项 开发者工具不同浏览器打开方式不同, Edge和Google可以按下 ctrl+shift+i 打开; 搜索选项在打开开发者工具后,可以按下 ctrl+shift+f 打开
解决鼠标不能移出视频框，切换网页不能播视频的小窍门
ChanCherry的博客
06-12 7376
最近大家都在家上网课，但是总有些视频自己不想看，但是鼠标又不能移出视频的框的范围，移出去视频就暂停播放了，偶然间我发现了解决的小窍门，很方便，分享出来。 其实很简单，利用浏览器的F12，打开控制台，点击右侧的event listeners 视频不能移出框就点击mouseout，将这个属性remove掉就可以随意移动鼠标了。 如果浏览器中切换网页停止播放视频，就移除keyup这个属性就好了（其实开一个新窗口也可以播放视频） 善用F12真的很好~~~ ...
解决PC端鼠标离开视频后视频自动暂停的问题
weixin_45735157的博客
03-06 1万+
一、打开页面调试界面，然后remove相应的函数就行
js视频监控分屏切换显示代码
07-24
这可能包括播放、暂停、调整大小等。 2. **布局管理**：切换分屏模式涉及到布局的动态变化。开发者可能使用CSS Grid或Flexbox来实现这种布局。JavaScript会根据用户选择的分屏模式更改对应的CSS属性，如grid-...
海康摄像头HLS视频播放示例
01-31
有了HLS流，我们可以创建HTML页面来播放视频。在“html示例”中，通常会使用HTML5的`<video>`标签结合`src`属性引用M3U8播放列表。例如： ```html ``` 在这个例子中，`src`指向了海康摄像头的HLS流地址。`type...
视频发烧友网页模板
01-20
在视频模板中，JavaScript通常用于处理视频播放的逻辑，如播放/暂停、进度控制、缓冲状态显示，以及与其他网页元素的交互，如点击按钮弹出视频详情等。 4. **字体文件**：在`fonts`文件夹中，通常包含各种字体文件...
h5 实现视频动画效果
02-27
这里的`src`属性指定了视频文件的路径，`controls`属性则显示了默认的播放、暂停和音量控制。 二、CSS3动画 为了给视频添加动画效果，我们可以结合使用CSS3的动画属性。例如，我们可以改变视频的透明度、大小、...
免费_pdfPS剪辑简单视频步骤（图片、视频、音频简单修改）
02-24
1. 使用剃刀工具时，按下空格键可以播放视频，找到剪辑点后暂停，点击剃刀工具完成剪切。 2. 按住Ctrl + Alt键，鼠标放在视频预览区域的红色部分，滚动滚轮可以缩放时间线，显示更多或更少的帧数。 3. 快捷键"C"在...
尔雅网课鼠标移出停止播放解决办法
weixin_41346436的博客
03-09 1万+
相信好多同学都看过超星尔雅上的网课，但是很不开心的一点就是在看网课的过程中，你的电脑不能干其他事，鼠标移出视频当前播放页，就会停止播放，下面介绍解决办法，直接上教程 首先以谷歌浏览器为例，建议用谷歌浏览器，谷歌浏览器设计很不错哦 打开你的课程页面，如图所示 第二步，进入网页，最好在空白处鼠标右键，点击“检查” 3.点击检查所弹出的是浏览器的控制台窗口，这里可以看到代码 4：看到这个界面以后...
播放视频时音乐暂停html
06-11
你可以使用 JavaScript 来实现播放视频时暂停音乐的功能。假设你的音乐播放器的 id 为 "music"，视频播放器的 id 为 "video"，你可以使用以下代码： ```javascript var music = document.getElementById("music"); var video = document.getElementById("video"); video.onplay = function() { music.pause(); } video.onpause = function() { music.play(); } ``` 这段代码会在视频播放时暂停音乐，并在视频暂停时恢复音乐播放。你可以根据实际需要进行修改。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值