Есть ли способ установить громкость HTML5-видео по умолчанию?

Question

HTML5 видео всегда начинаются со 100% объема.

Как я могу заставить их начинаться с 50% громкости?

Answer 1

Вы можете повлиять на свойство volume элемента <video> следующим образом:

document.getElementsByTagName('video')[0].volume = 0.5;

Если вы используете jQuery, вы можете использовать их метод prop для изменения тома в объекте коллекции jQuery, например:

$("video").prop("volume", 0.5);

Это изменит все элементы DOM в коллекции.

Answer 2

var video = document.getElementById('player');
video.volume = 0.5;

P.S. Используйте этот скрипт для совместимости.

Answer 3

Предполагая, что вы хорошо умеете смешивать JS с вашим HTML, вы можете использовать одно из событий , например loadstart:

<video onloadstart="this.volume=0.5" ...>

caveat: *Поддержка браузера 1008 * - работает в последних версиях Chrome и FF (хотя есть визуальная ошибка).Не проверял других.

Answer 4

<div>
    <video id="sampleMovie" src="mp4/Premier delivery.mp4" width="777" height="582.75" controls autoplay ></video>
        <script>
        var video = document.currentScript.parentElement;
        video.volume = 0.1;
        </script>
    </div>

Работает отлично!

Answer 5

Если вы не хотите связываться с javascript, вы можете сделать это так:

<video muted="">
    <source src="yourvideo.mp4" type="video/mp4">
</video>

Answer 6

Настройка громкости по умолчанию , используя jquery:

$(function() {
    $("video").each(function(){ this.volume = 0.5; });
});

Answer 7

С jQuery нужно использовать небольшую хитрость:

$('#your_video_id').get(0).volume = 0;