javascript - 音频标签，点击链接时添加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();