web-dev-qa-db-ja.com

デフォルトのHTML5-Videoボリュームを設定する方法はありますか？

HTML5ビデオは常に100％のボリュームから始まります。

50％のボリュームで開始するにはどうすればよいですか？

html5html5-video
38
supercoolville

次のように、<video>要素のvolumeプロパティに影響を与えることができます。

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

JQueryを使用する場合、propメソッドを使用して、jQueryコレクションオブジェクトのボリュームを次のように変更できます。

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

これにより、コレクション内のすべてのDOM要素が変更されます。

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

追伸互換性のために this スクリプトを使用します。

27
Ernestas Stankevičius

JSをHTMLに混ぜるのが得意だと仮定すると、loadstartのような events のいずれかを活用できます。

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

警告：ブラウザーのサポート-最新のChromeおよびFFで動作します（ただし、視覚的なバグがあります）。他の人をテストしていません。

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

完全に動作します！

15
Michael Hall

JavaScriptを台無しにしたくない場合は、次のようにできます。

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

JQueryでは、ちょっとしたトリックを使用する必要があります。

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

Jqueryを使用してデフォルトボリュームを設定します。

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