Javascript / Mute видео звук при запуске - PullRequest
Новая
       26

Javascript / Mute видео звук при запуске

0 голосов
/ 24 мая 2018

Я работаю над веб-страницей с видео.При обновлении страницы я хочу случайным образом запустить приглушенное видео.После прокатки на нем видео без звука.

Я уже сделал случайный javascript для видео, но не могу отключить звук видео ... Когда я запускаю страницу, видео начинается со звука ...

Вот мой код: 

 <div id="mixmen" onmouseover="play()" onmouseout="mute()" onclick="location.href='http://ap-mixmen.com/','_blank'" >

<div class="video">


<section id="videos">

<video id="videos" preload="none" style="height:100%"> 
<source src="imgs/mixmen.mp4" type="video/mp4"></video>

<video id="videos" preload="none" style="height:100%"> 
<source src="imgs/mixmen2.mp4" type="video/mp4"></video>

<video id="videos" preload="none" style="height:100%"> 
<source src="imgs/mixmen3.mp4" type="video/mp4"></video>

<video id="videos" preload="none" style="height:100%"> 
<source src="imgs/mixmen4.mp4" type="video/mp4"></video>


</section>


</div>


<script>

(function () {
                "use strict";
                document.getElementById("videos").muted = true;
                var videosSection = document.getElementById("videos");
                var videosSectionClone = videosSection.cloneNode();
                var videos = videosSection.getElementsByTagName("video");
                var randomVideo = videos.item(Math.floor(Math.random() * videos.length)).cloneNode(true);
                randomVideo.removeAttribute("controls");
                randomVideo.setAttribute("preload", "auto",);
                videosSectionClone.appendChild(randomVideo);
                videosSection.parentNode.replaceChild(videosSectionClone, videosSection);
                randomVideo.play();


})();

var videosSection = document.getElementById("videos");

function play()
{ 
  video.muted = false; 
}

function mute()
{ 
  video.muted = true; 
}



</script>

</div>

Знаете, почему это не работает?

Ответы [ 3 ]

0 голосов
/ 24 мая 2018

Попробуйте добавить «приглушенный» к тегам видео. 

<video id="videos" preload="none" muted style="height:100%"> 
<source src="imgs/mixmen.mp4" type="video/mp4"></video>
0 голосов
/ 24 мая 2018

Привет ID первого раздела должен отличаться от ваших тегов видео, тогда ваши теги видео также должны иметь другой идентификатор, и, наконец, вы применяете «muted = true» к выбранному элементу.Если вы хотите отключить звук всех видео на странице загрузки, вы можете получить к ним доступ по имени тега, затем примените отключение звука следующим образом: 

const videos= [...document.getElementsByTagName('video')];
videos.forEach((video) => { video.muted = true });
0 голосов
/ 24 мая 2018

попробуйте добавить приглушенный тег видео

Пример:

...