播放音頻onclick

我有一個簡單的網站，我正在嘗試構建。我有一個MP4視頻（這是一個沒有音頻的標誌）我想點擊視頻，讓它播放一個MP3 W /控制。只是無法弄清楚如何做到這一點。播放音頻onclick

假設我可以用這樣的：

<audio controls id="linkAudio"> 
    <source src="demo.ogg" type="audio/ogg"> 
    <source src="demo.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

<script> 
    document.getElementById("link_id").addEventListener("click", function() { 
    document.getElementById("linkAudio").play(); 
    }); 
</script>

但是，在我引用的視頻src作爲東西點擊？

感謝

來源

2016-10-15 scopa

我很困惑，你是什麼意思視頻src作爲東西點擊？澄清或張貼示例小提琴？ – Matthew

你可能有單獨的<video>和click事件觸發的聲音。

document.getElementById("link_id").addEventListener("click", function() { 
 
    document.getElementById("linkAudio").play(); 
 
});

video{ 
 
    width: 200px; 
 
    display: block; 
 
}

<video src='http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4' id='link_id'></video> 
 

 
<audio controls id="linkAudio"> 
 
    <source src="http://www.noiseaddicts.com/samples_1w72b820/29.mp3" type="audio/mpeg"> 
 
    Your browser does not support the audio element. 
 
</audio>

來源

2016-10-15 01:14:19

完美謝謝。有沒有辦法只在onclick事件後纔將控件放在屏幕上？如果我在點擊音頻之前將控件添加到音頻標籤中。 – scopa

@scopa我會實現自定義視頻控件來做到這一點，而不是使用默認的。請參閱我的GitHub回購：http://rahul-desai3.github.io/video_player/#demo –

播放音頻onclick

回答

相關問題