在此W3C教程中,我可以使音频播放/暂停按钮。但是当我在一页中放置许多按钮时。所有按钮播放相同的音轨。它仅是第一个按钮的音轨。我在所有仍存在相同问题的所有按钮中更改了音频src的链接很多次。
我知道答案很简单,但我不知道。是由于变量是我的问题还是由于函数或其他原因导致的问题?
非常感谢你,
我使用以下代码创建一个按钮:
<audio id="myAudio" preload="none"
<audio id="myAudio"
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"
type='audio/mp4'>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga"
type='audio/ogg; codecs=vorbis'>
Your user agent does not support the HTML5 Audio element.
</audio>
<button type="button" onclick="aud_play_pause()">Play/Pause</button>
<script>
function aud_play_pause() {
var my
Audio = document.getElementById("myAudio"); if (myAudio.paused) {
myAudio.play(); } else {
myAudio.pause(); } }
</script>
您不能同时使用多个元素id
:
<audio id="myAudio" ...
<audio id="myAudio" ...
毕竟,当您获得该元素时,您希望使用哪个?:
document.getElementById("myAudio")
id
为您的元素使用不同的值。
<audio id="myFirstAudio" ...
<audio id="mySecondAudio" ...
并通过分别识别它们来获取对它们的引用:
var myFirstAudio = document.getElementById("myFirstAudio");
var mySecondAudio = document.getElementById("mySecondAudio");
// etc.
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句