解决网页播放【鼠标移开屏幕或点击屏外视频暂停播放】

这篇具有很好参考价值的文章主要介绍了解决网页播放【鼠标移开屏幕或点击屏外视频暂停播放】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

解决网页播放【鼠标移开屏幕或点击屏外视频暂停播放】

亲测有效,亲测有效,亲测有效,

当我们有时看视频时遇到以下问题,当我们点击视频播放后,视频开始播放,可当我们将鼠标移动出浏览器,或将鼠标切换到其他页面时,视频自动停止,影响我们工作效率,此时该怎么办呢?  

以chrome谷歌浏览器为例  

1.打开浏览器,鼠标任意位置右击,单击检查

 

 

一. 选择【Event Listeners】

解决网页播放【鼠标移开屏幕或点击屏外视频暂停播放】

解决网页播放【鼠标移开屏幕或点击屏外视频暂停播放】


二. 将【blur】所有内容【remove】掉

单击【mouseout】左边的倒三角,将出现的子元素全部remove掉,

将【mouseup】也用同样的操作移除掉子元素,现在就可以成功切换页面而不受限制啦!

(点击Remove要精准,remove会把blur清除,不会进入其他设置)
 

注:可同时点开多个网页播放器并行播放不暂停,提高效率文章来源地址https://www.toymoban.com/news/detail-405701.html

到了这里,关于解决网页播放【鼠标移开屏幕或点击屏外视频暂停播放】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决http-flv视频在网页端最大只能播放6路的问题

    现在谷歌浏览器由于是同源设置,这个参数是写死到源码中的;nginx-rtmp-flv模块使用的不是http2.0,故大部分浏览器和nginx交互的时候,会因为并发数量的限制,因此最大只能播放6路视频。 1、使用商业版带有http2.0。 2、使用websocket替代http的,但是既有的方案未必支持更改。

    2024年02月12日
    浏览(37)
  • 从零开始学习调用百度地图网页API:三、鼠标点击绘图功能

    注:需要将 你的ak 替换,ak从百度地图官网注册申请,选择浏览器类型api。 绘制线段 显示对象的位置信息 显示任意点坐标 最初的实现方法,在 显示坐标 按钮多次被点击后,会导致再点击 不显示 按钮,无法remove事件。依然会在地图上点击后出现坐标信息。 这是因为addEve

    2024年02月07日
    浏览(91)
  • 视频列表:点击某个视频进行播放,其余视频全部暂停(同时只播放一个视频)

    视频列表:点击某个视频进行播放,其余视频全部暂停( 同时只播放一个视频 ) 在 video 标签添加 自定义属性 id (必须唯一) 给每个 video 标签 添加 play 视频播放事件 播放视频时,触发 play 事件,通过添加的自定义属性 id 判断,将 非当前播放视频都暂停

    2024年02月06日
    浏览(38)
  • Unity点击按钮控制视频播放和暂停

    省流:整体脚本放在底部,需要可直接到底部 1、导入命名空间 2、创建变量 3、第一帧开始时调用 4、每帧调用 5、定义方法OnplayorpauseVideo 6、创建图像,添加视频播放器(Video Player)组件,把脚本放到图像,把按钮添加到脚本。 完整代码

    2024年02月03日
    浏览(49)
  • 网页炫酷特效拿来即可用(看板娘&鼠标点击&炫酷登录页面&樱花特效&生日祝福&彩虹屁)

    作为一个乐于分享知识的程序员来说,博客必不可少。 在制作博客的过程中,改前端改得让人不言而喻🤡 其次,为了大伙们不步我后尘,给大家陆续分享出来,如果觉得有帮助可以 点赞收藏 支持一下,如果能 关注 一下就再好不过了ヾ(≧▽≦*)o,之后还会分享许多内容,

    2024年02月09日
    浏览(59)
  • JavaScript——监听事件:点击鼠标,视频静音(原神官网)

    用JS实现视频的静音,可以实现如图按钮所有功能,时间也和视频同步,JS实现。 如图所示, 首先搭个结构 再来看看CSS样式表 最后事件监听要看JavaScript实现 原理: 代码: OK,以上步骤完成,功能即可实现

    2024年02月11日
    浏览(55)
  • python网页点击下载按钮,python自动下载视频

    大家好,本文将围绕python登录网站自动下载文件展开说明,python自动下载网页中的文件是一个很多人都想弄明白的事情,想搞清楚python网页点击下载按钮需要先了解以下几个事情。 大家好,小编为大家解答python自动下载文件到指定文件夹的问题。很多人还不知道python登录网站

    2024年03月09日
    浏览(78)
  • 【网页上视频无法拖动进度条,如何进行加速播放操作以及网页失焦后如何可继续播放】

    遇到一 zhengzhi 刷题任务时 ,发现无法拖动进度条,也没有加速播放并且鼠标一失焦就会自动暂停时,让我乖乖看完是不可能,因此找了一个解决方案快速完成该任务 1、首先点击键盘F12键,进入开发者模式 发现标志, html5播放器,属于原生支持最方便实现加速的 顺带复习下

    2024年02月02日
    浏览(54)
  • uniapp小程序点击按钮打开图片/全屏播放视频组件

    根据传入的数组list来决定打开图片还是全屏播放视频,还有横竖屏等初始预设参数 组件.vue utils.js 欢迎交流~~

    2024年02月13日
    浏览(51)
  • 如何在html网页中插入视频(以及让视频自动播放的问题)

    直接进入正题: 关于视频的插入可使用 video标签 如下图  简单介绍下用到的几个属性 class定义了video类 在style中调整这个类的长度和高度属性; src处引入视频的链接; controls属性:允许用户控制 视频 的播放,包括音量,跨帧,暂停/恢复播放; autoplay属性:让视频可以自动

    2024年02月08日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包