마우스 스크롤 시 영상 속 영상이 음소거되는 문제

현상 설명,
기본적으로 페이지에 들어가며, 동영상은 자동으로 재생되며 음소거가 사용됩니다.

   <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;
     }

추천

출처blog.csdn.net/qq_42931285/article/details/124311951