현상 설명,
기본적으로 페이지에 들어가며, 동영상은 자동으로 재생되며 음소거가 사용됩니다.
<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.在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;
}