2017-10-15 164 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 id="bgvid" controls loop> 
... 
</video> 

捕捉視頻的事件暫停重啓音頻:

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

但是你爲什麼要單獨使用音頻視頻??? 2個文件在開始加載時需要使用mutch資源,您需要將音頻與時間線中播放的視頻集成在一起,您還可以停止顯示視頻圖像並使用循環播放音頻,只有一個媒體文件。

+0

首先,我想使用視頻,當播放時停止在結束(我有結束幀作爲背景),但音樂仍然播放。 秒,由於第一點我正在使用音頻和視頻。 音頻是音樂(5:32長度),視頻(0:25) – xfsociety1337

+0

您可以將您的「點」集成到視頻內部的音頻中,視頻在時間線上停止在0:25,並且音頻在5 :32 mp4 lenght = 5:32你只是使用一個應用程序工具來做到這一點(Adobe Premiere,視頻製造商...)。 – 2017-10-15 14:57:10

+0

是的,我知道你的意思。我只是認爲它可以用html + js來完成。謝謝你的時間。祝你今天愉快。 – xfsociety1337