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

sup*_*lle 40 html5 html5-video

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

如何让它们以50%的音量开始?

mar*_*yzm 33

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

document.getElementsByTagName('video')[0].volume = 0.5;
Run Code Online (Sandbox Code Playgroud)

如果使用jQuery,那么你可以使用他们的prop方法来改变jQuery集合对象中的卷,如下所示:

$("video").prop("volume", 0.5);
Run Code Online (Sandbox Code Playgroud)

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


Ern*_*ius 27

var video = document.getElementById('player');
video.volume = 0.5;
Run Code Online (Sandbox Code Playgroud)

PS使用脚本获得兼容性.


dwe*_*lle 27

假设您善于将JS混合到HTML中,您可以利用其中一个事件,例如loadstart:

<video onloadstart="this.volume=0.5" ...>
Run Code Online (Sandbox Code Playgroud)

警告:浏览器支持 - 适用于最新的Chrome和FF(尽管存在视觉错误).没有测试别人.

  • 最简单的答案!如果 W3C 认为适合给我们一个音量属性来配合我们的静音属性就好了。 (2认同)

小智 16

<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>
Run Code Online (Sandbox Code Playgroud)

完美的工作!