オーディオを再生onclick

Question

私は構築しようとしているシンプルなウェブサイトを持っています。私はmp4ビデオを持っています（それは音声なしのサインです）。 私はビデオをクリックして、mp3 w/controlsを再生したいと思います。ちょうどこれを行う方法を理解することはできません。

は、私はこのようなものを使用でき想定します

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