播放音頻點擊

Question

我正在嘗試建立一個簡單的網站。 我有一個mp4視頻（它是沒有聲音的標志），我想單擊該視頻並播放帶有控件的mp3。 只是無法弄清楚如何做到這一點。

假設我可以使用這樣的東西：

    <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稱為要單擊的東西？

謝謝

Answer 1

您可以將<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>