<video>は、私はあなたがこれを答えることを願って

Question

ねえみんなを再生しているとき、50％のボリュームに

基本的に私は、バックグラウンドオーディオの自動演奏と私のindex.htmlのいくつかのHTML 5本のビデオを持っています。

ビデオタグが再生されているとき、バックグラウンドオーディオを50％に減らします。可能であればすべての動画要素をターゲットにするためにクラスを使用することができれば良いでしょう:)ユーザーがビデオを終了すると、ボリュームを100％に戻します。

現在、jQueryを自分のプロジェクトに使用しているので、jQueryのソリューションはすばらしいです！

現在私はそれがこの線に沿ってであろうと思う....

// to reduce volume to 50%. im not sure what the code would be to reduce volume ? maybe 0.5 or something ? 

    $("video").click(function(){ 
     $(audio).mute(); 
    }); 

// turn volume back to 100% once exit button is clicked 

    $(".exit").click(function(){ 

    }); 

Answer 1

Iはバック100に音量を設定するaudio.volume = 0.5が所望の結果を提供すべきだと思う（50％の体積を減少させる）とaudio.volume = 1.0 ％。詳細はMDN Docsを参照してください。

参照スニペットの下に（ボタンをクリックして、ボリュームコントロールバーを見て）：

var $audio = $('#audio-test').get(0); 
 

 
$('#set-volume-50').click(function(){ 
 
    $audio.volume = 0.5; 
 
}); 
 

 
$('#set-volume-100').click(function(){ 
 
    $audio.volume = 1.0; 
 
});

button { 
 
    display: block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<audio id="audio-test" controls="controls"> 
 
    Your browser does not support the <code>audio</code> element. 
 
    <source src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" type="audio/ogg"> 
 
</audio> 
 
    <button id="set-volume-50">Set volume to 50%</button> 
 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
 
    <button id="set-volume-100">Set volume to 100%</button>