javascript - 单击时播放音频

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>