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事件触发音频。

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

播放音频onclick

1 个答案: