Есть ли способ установить объем HTML5-Video по умолчанию?
Видео HTML5 всегда начинаются со 100% объема.
Как я могу заставить их начинать с 50% объема?
Ответы
Ответ 1
Вы можете повлиять на свойство volume
элемента <video>
следующим образом:
document.getElementsByTagName('video')[0].volume = 0.5;
Если вы используете jQuery, вы можете использовать их метод prop
для изменения тома в объекте коллекции jQuery следующим образом:
$("video").prop("volume", 0.5);
Это изменит все элементы DOM в коллекции.
Ответ 2
var video = document.getElementById('player');
video.volume = 0.5;
P.S. Используйте этот script для совместимости.
Ответ 3
Предполагая, что вы хорошо разбираетесь в JS в своем HTML, вы можете использовать один из events, например loadstart
:
<video onloadstart="this.volume=0.5" ...>
caveat: поддержка браузера - работает в последних версиях Chrome и FF (там есть визуальная ошибка). Не проверял других.
Ответ 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>
Прекрасно работает!
Ответ 5
С jQuery нужно использовать небольшой трюк:
$('#your_video_id').get(0).volume = 0;
Ответ 6
Установка тома по умолчанию, используя jquery:
$(function() {
$("video").each(function(){ this.volume = 0.5; });
});
Ответ 7
Если вы не хотите общаться с javascript, вы можете сделать это следующим образом:
<video muted="">
<source src="yourvideo.mp4" type="video/mp4">
</video>