2017-10-15 20 views
1

少し問題があります。私は背景としてmp4のビデオを使用しています(最初から始まります)。私は最初に再生を開始するオーディオファイルを追加し、ビデオが終了するとオーディオが停止します。バックグラウンドビデオが停止したときに音声が停止する

<video poster="" id="bgvid" autoplay> 
<source src="video/background.mp4" type="video/webm"> 
<source src="video/background.mp4" type="video/mp4"> 
</video> 

<audio autoplay id="backgroundsound" preload="metadata" loop> 
    <source src="audio/nuages-dreams.mp3" type="audio/mp3"> 
    Your browser does not support the audio element. 
</audio> 

答えて

0

HTML5のvideoタグはまた、オーディオ再起動するには、ビデオのイベントのポーズを引く属性ループ

<video id="bgvid" controls loop> 
... 
</video> 

を追加します。

if($("#bgvid").pause()){ 
    $("#backgroundsound").play(); 
} 

しかし、なぜあなたは、別途オーディオビデオを使用しているの? 2つのファイルmediasは最初からロードすることができますmutchリソースを取るには、タイムラインで再生するビデオとオーディオを統合する必要があります。また、メディアファイルが1つだけで、ビデオ画像の表示を停止し、ループでオーディオを再生できます。

+0

最初に、再生されたときに停止するビデオを使用したいです(そして、私はバックグラウンドとして終了フレームを持っています)が、音楽はまだ再生されます。 第二に、私は最初のポイントのためにオーディオとビデオを別々に使用しています。 オーディオは音楽(5:32の長さ)、ビデオ(0:25) – xfsociety1337

+0

ビデオ内のオーディオとタイムラインのビデオストップを0:25に統合した「ポイント」を取ることができ、オーディオは5 :32 mp4の長さ= 5:32あなたはこれを行うためのアプリツールを使用しています(Adobe Premiere、ビデオメーカー...)。 –

+0

うん、私はあなたの意味を知っている。私はちょうどそれがちょうどhtml + jsで行うことができると思った。ありがとうございました。良い一日を。 – xfsociety1337

関連する問題