有没有办法设置默认的 HTML5-Video 音量？答案

【问题标题】：Is there a way to set the default HTML5-Video volume?有没有办法设置默认的 HTML5-Video 音量？
【发布时间】：2011-11-26 19:09:31
【问题描述】：

HTML5 视频始终以 100% 的音量开始。

我怎样才能让它们以 50% 的音量开始？

【问题讨论】：

Google chrome 稳定版 67 通过禁用 html5 视频播放器上的音量控制来解决此问题，并且基本上强制音量始终处于 100% 满。详情见：productforums.google.com/forum/#!topic/chrome/2lN8hckg9cg

标签： html html5-video

【解决方案1】：

假设您擅长将 JS 混合到 HTML 中，您可以利用 events 之一，例如 loadstart：

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

警告： 浏览器支持 - 适用于最新的 Chrome 和 FF（但存在视觉错误）。没有测试过其他人。

【讨论】：

最简单的答案！如果 W3C 认为适合给我们一个音量属性来配合我们的静音属性。
所有的答案都是黑客，但这个至少让代码接近行动。尽管存在不引人注目的论点，但我认为这是一个值得的例外，让遗留编码人员了解为什么数量从 50% 开始。

【解决方案2】：

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

完美运行！

【讨论】：

【解决方案3】：

您可以按如下方式影响<video> 元素的volume 属性：

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

如果使用 jQuery，那么您可以使用他们的 prop 方法来更改 jQuery 集合对象中的音量，如下所示：

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

这将改变集合中的所有 DOM 元素。

【讨论】：

不知道的小伙伴补充一下：这段代码需要放在浏览器的插件“*monkey”中（有不同的实现方式）。

【解决方案4】：

如果你不想弄乱javascript，你可以这样做：

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

【讨论】：

超出问题范围。
知道还是有帮助的！天哪。
超出范围的评论。
这是我一直在寻找的答案。感谢您阅读我的想法。

【解决方案5】：

设置默认音量，使用jquery：

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

【讨论】：

【解决方案6】：

用jQuery需要用到一个小技巧：

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

【讨论】：

或者只是$('#your_video_id')[0].volume = 0;:)

【解决方案7】：

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

附：使用this 脚本以获得兼容性。

【讨论】：

漂亮、小巧、实用。竖起大拇指！