有没有办法设置默认的 HTML5 视频音量？

Question

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

我怎样才能让它们以 50% 的音量启动？

Answer 1

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

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

Answer 2

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

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

如果使用 jQuery，那么您可以使用其 prop 方法来更改jQuery 集合对象中的体积如下所示：

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

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

Answer 3

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

PS 使用 此 脚本来实现兼容性。

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; });
});

Answer 8

使用 useCallback 的 React 方式

import { useCallback } from "react"

const vid = useCallback((x) => x.volume = 0.5)

return (
    <video ref={vid} />
)