edge浏览器 非全屏看视频变灰

在线观看非全屏视频的时候,点击播放头两秒是正常的,紧接着就蒙上一层灰一样。然后点击其他标签页又切回来,又一个循环。

解决办法

edge地址框输入edge://flags接着搜索Choose ANGLE graphics backend设置如图下在这里插入图片描述
若网页文本图标颜色也很暗淡灰白,edge地址框输入edge://flags接着搜索Force color设置如图下在这里插入图片描述

要实现点击视频全屏播放和退出全屏视频暂停的功能,你可以使用以下步骤: 1. 在页面上嵌入一个视频播放器元素,例如使用 HTML5 的 `<video>` 标签。 2. 在视频播放器元素上添加一个按钮或者其他交互元素,用于触发全屏播放和退出全屏暂停的动作。 3. 使用 JavaScript 监听按钮的点击事件,当按钮被点击时执行相应的操作。 4. 当按钮被点击时,使用 `requestFullscreen()` 方法将视频元素全屏播放。 ```javascript var video = document.getElementById('myVideo'); var fullscreenBtn = document.getElementById('fullscreenBtn'); fullscreenBtn.addEventListener('click', function () { if (video.requestFullscreen) { video.requestFullscreen(); } else if (video.mozRequestFullScreen) { // 兼容 Firefox video.mozRequestFullScreen(); } else if (video.webkitRequestFullscreen) { // 兼容 Chrome、Safari 和 Opera video.webkitRequestFullscreen(); } else if (video.msRequestFullscreen) { // 兼容 IE/Edge video.msRequestFullscreen(); } }); ``` 5. 当视频处于全屏状态下,监听 `fullscreenchange` 事件,以便在退出全屏时暂停视频播放。 ```javascript document.addEventListener('fullscreenchange', function () { if (!document.fullscreenElement) { video.pause(); } }); ``` 请注意,不同浏览器对于全屏操作的支持可能有所不同,因此我们使用了一系列的兼容性代码来确保在各种浏览器中都能正常工作。你可以自行调整和适配代码来满足你的需求。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值