有没有办法设置默认的HTML5-Video卷？

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。使用this脚本来实现兼容性。

Answer 3

假设您善于将JS混合到HTML中，您可以利用其中一个events，例如loadstart：

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

警告：浏览器支持 - 适用于最新的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需要使用一个小技巧：

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

Answer 7

使用jquery：

设置默认卷

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