为什么我不能在一个HTML页面中使用许多播放/暂停按钮?

用户名

在此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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我可以在Firefox中单击一个按钮-为什么不能在Chrome中单击?

来自分类Dev

为什么我不能在一个 post 请求中使用 res.json() 两次?

来自分类Dev

为什么我不能在 LPTHW Ex 43 中使用另一个 Finished() 值而不是调用 .next_scene() ?

来自分类Dev

在R数据框中,为什么我不能在条件中使用新创建的变量来创建另一个变量

来自分类Dev

为什么我不能在开机自检(php页面)中使用#(数字符号)作为值

来自分类Dev

为什么我不能在Google搜索页面等某些网站中使用自定义字体

来自分类Dev

为什么不能在下一个SELECT表达式中使用列别名?

来自分类Dev

为什么我不能在Android中使用SimpleAdapter在ListView中单击按钮?

来自分类Dev

为什么我不能在我的 tableview 中选择一个复选框?

来自分类Dev

为什么我不能在Assembly中声明一个使用已取消引用的变量的值的变量?

来自分类Dev

为什么我不能在 ReactJS 中的另一个标签之外使用 <hr/> 标签?

来自分类Dev

为什么我不能在git中提交一个空文件夹?

来自分类Dev

为什么我不能在Three.js中用arc()画出一个完整的圆?

来自分类Dev

为什么我不能在自己内部放入一个散列作为密钥?

来自分类Dev

为什么我不能在“ Prolog + C”中存储一个变量的地址?

来自分类Dev

为什么我不能在zsh中定义一个名为path的只读变量?

来自分类Dev

为什么我不能在工作目录中创建一个新文件?

来自分类Dev

为什么我不能在另一个文件中重载<<操作符?

来自分类Dev

为什么我不能在子字符串中捕获一个以上的数字?

来自分类Dev

为什么我的一个 JFrame 不能在外部 jar 文件上打开/显示?

来自分类Dev

为什么我不能在另一个类中调用静态方法?

来自分类Dev

为什么我不能在 Chrome 中声明一个与函数体同名的 let 变量

来自分类Dev

为什么我的线性渐变不能在Firefox中使用?

来自分类常见问题

为什么我不能在Swift中使用let in协议?

来自分类Dev

为什么我不能在JCreator中使用JavaFX?

来自分类Dev

为什么我不能在TRecord中使用Variable?

来自分类Dev

为什么我不能在MacVim中使用`<和`>?

来自分类Dev

为什么我不能在crontab中使用大括号?

来自分类Dev

为什么我不能在pow()函数中使用整数?

Related 相关文章

  1. 1

    我可以在Firefox中单击一个按钮-为什么不能在Chrome中单击?

  2. 2

    为什么我不能在一个 post 请求中使用 res.json() 两次?

  3. 3

    为什么我不能在 LPTHW Ex 43 中使用另一个 Finished() 值而不是调用 .next_scene() ?

  4. 4

    在R数据框中,为什么我不能在条件中使用新创建的变量来创建另一个变量

  5. 5

    为什么我不能在开机自检(php页面)中使用#(数字符号)作为值

  6. 6

    为什么我不能在Google搜索页面等某些网站中使用自定义字体

  7. 7

    为什么不能在下一个SELECT表达式中使用列别名?

  8. 8

    为什么我不能在Android中使用SimpleAdapter在ListView中单击按钮?

  9. 9

    为什么我不能在我的 tableview 中选择一个复选框?

  10. 10

    为什么我不能在Assembly中声明一个使用已取消引用的变量的值的变量?

  11. 11

    为什么我不能在 ReactJS 中的另一个标签之外使用 <hr/> 标签?

  12. 12

    为什么我不能在git中提交一个空文件夹?

  13. 13

    为什么我不能在Three.js中用arc()画出一个完整的圆?

  14. 14

    为什么我不能在自己内部放入一个散列作为密钥?

  15. 15

    为什么我不能在“ Prolog + C”中存储一个变量的地址?

  16. 16

    为什么我不能在zsh中定义一个名为path的只读变量?

  17. 17

    为什么我不能在工作目录中创建一个新文件?

  18. 18

    为什么我不能在另一个文件中重载<<操作符?

  19. 19

    为什么我不能在子字符串中捕获一个以上的数字?

  20. 20

    为什么我的一个 JFrame 不能在外部 jar 文件上打开/显示?

  21. 21

    为什么我不能在另一个类中调用静态方法?

  22. 22

    为什么我不能在 Chrome 中声明一个与函数体同名的 let 变量

  23. 23

    为什么我的线性渐变不能在Firefox中使用?

  24. 24

    为什么我不能在Swift中使用let in协议?

  25. 25

    为什么我不能在JCreator中使用JavaFX?

  26. 26

    为什么我不能在TRecord中使用Variable?

  27. 27

    为什么我不能在MacVim中使用`<和`>?

  28. 28

    为什么我不能在crontab中使用大括号?

  29. 29

    为什么我不能在pow()函数中使用整数?

热门标签

归档