音频标签，点击链接时添加src？

Question

我正在尝试编写一个包含多个<audio>标记的页面，页面加载需要永远（我有大约30个音频剪辑）。我看到的解决方案是将src=""留空，然后在点击链接时动态填充...

http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/

我的snytax错了，但点击按钮时必须做两件事。它必须通过填充src然后播放剪辑来加载视频。我认为以下代码可行：

document.getElementById('1')[0].src = '1.aif';.play()

Answer 1

语句是单独执行的，因此.play()不会对元素执行。它无效，因为语句不能以.开头。

你似乎想要的是“链接样式”（在一个语句中优雅地执行几个），jQuery允许你使用：

$("#1").attr("src", "1.aif").play();

或者在纯JavaScript中：

var elem = document.getElementById('1'); // returns one element, not an array
elem.src = '1.aif';
elem.play();

Answer 2

你的问题是：

1. getElementById返回具有给定唯一标识符的元素，而不是NodeList（因此[0]不起作用，因为没有0属性）
2. 你的第二个声明是试图呼叫play。您需要.
之前的内容

您可能只想设置preload="none"，而不是尝试动态设置src。