鼠标滚动时video中视频变为静音的问题

现象描述，
默认进入页面中，视频是静音播放，使用了muted。

   <video controls autoplay muted loop style="width:500px;" controlslist="noplaybackrate"><source src="media/open.mp4"><source src="media/open.webm"><p>对不起，你的浏览器不支持video元素，请点击这里下载最新版本的浏览器</p></video>

同时我注册了鼠标滚动事件，具体是做一个吸顶的操作，反正与视频无关。
结果将视频音量放出来之后，
1.滚动鼠标，视频会自动静音。
2.点击tabs切换内容时，上面的video中视频也会静音，真是诡异啊。。。。折腾了大半天！

解决方案：

1.在video标签中不要写muted
2.通过操作dom赋值<video controls autoplay loop style="width:500px;" controlslist="noplaybackrate" id="video"><source src="media/open.mp4"><source src="media/open.webm"><p>对不起，你的浏览器不支持video元素，请点击这里下载最新版本的浏览器</p></video>let ele = document.querySelector('.className');
if(ele){ele.muted = true;}
应该是这些事件自动触发了video的muted属性

鼠标滚动时video中视频变为静音的问题相关推荐

20190227最近比较纠结的问题vue的video中视频的播放和nginx-rtmp的推流以及什么时候推流的分析
1.vue中的video的使用(支持MP4) Vue中引入Video.js视频播放器参考:https://www.jianshu.com/p/8b8023c7ed37 Video.js是一个有着HT ...
鼠标滚动时判断向下滚动还是向上滚动
有时候需要用到,判断页面是向上还是向下滚动了,兼容比较低版本的浏览器如IE6.7等. 原理:拿当前的scrollTop和之前的scrollTop对比如果变大了,表示向下滚动(scrollTop值变 ...
jquery+video 鼠标滑动标签切换video中的视频资源,暂停未播放视频
效果视频: https://v.qq.com/x/page/k3240mov9xh.html html代码: <div class="videoBox"><vid ...
html横向滚动效果,html 中鼠标滑轮实现横向滚动
之前看到一个网页,有鼠标滚轮滚动时实现了横向的滚动效果,觉得有意思,就试了试,本来想挺简单的一个功能,但是兼容各浏览器就要费些功夫了 HTML和CSS代码 img{ height:200px; } # ...
android 录制图片、视频插入系统相册视频相册列表中，视频mediaPlayer静音和mediaPlayer恢复静音,SurfaceView+mediaplayer视频播放，自定义任意view显示
video_duration = mediaPlayer.getDuration() / 1000 video_duration需要在prepare()监听中进行初始化通知系统,将图片.视频更新到系 ...
universal image loader在listview/gridview中滚动时重复加载图片的问题及解决方法
universal image loader在listview/gridview中滚动时重复加载图片的问题及解决方法参考文章: (1)universal image loader在listview/ ...
.net dataGridView当鼠标经过时当前行背景色变色；然后【给GridView增加单击行事件，并获取单击行的数据填充到页面中的控件中】...
1.首先在前台dataGridview属性中增加onRowDataBound属性事件 2.然后在后台Observing_RowDataBound事件中增加代码 protected void Obser ...
php如何监听页面滚动,html5中在元素滚动条在滚动时触发的事件onscroll
实例元素滚动时执行 JavaScript 定义和用法 onscroll 事件在元素滚动条在滚动时触发. 提示: 使用 CSS overflow 样式属性来创建元素的滚动条. 浏览器支持语法 HTM ...
el-tree中更改鼠标移动时、点击时和失去焦点时的背景色
el-tree中更改鼠标移动时.点击时和失去焦点时的背景色注意: 此修改仅在没有加scoped的style标签下起作用,加上scoped则不起作用,如果该页面其他样式需要有scoped,那就在页面上 ...

鼠标滚动时video中视频变为静音的问题

鼠标滚动时video中视频变为静音的问题相关推荐

最新文章

热门文章