javascript - 停止 html5 音频播放器自动播放

Question

我一直在使用这个脚本来播放歌曲列表:http://jsfiddle.net/WsXX3/33/

可悲的是我的javascript缺少，我希望那里的人可以提供帮助!

如何阻止此脚本自动播放？我希望声音是用户启动的。我试过在 html 代码中使用 preload="none"但这没有影响，所以我猜它在 javascript 中。

var audio;
var playlist;
var tracks;
var current;

init();
function init(){
    current = 0;
    audio = $('audio');
    playlist = $('#playlist');
    tracks = playlist.find('li a');
    len = tracks.length - 1;
    audio[0].volume = .10;
    audio[0].play();
    playlist.find('a').click(function(e){
        e.preventDefault();
        link = $(this);
        current = link.parent().index();
        run(link, audio[0]);
    });
    audio[0].addEventListener('ended',function(e){
        current++;
        if(current == len){
            current = 0;
            link = playlist.find('a')[0];
        }else{
            link = playlist.find('a')[current];    
        }
        run($(link),audio[0]);
    });
}
function run(link, player){
        player.src = link.attr('href');
        par = link.parent();
        par.addClass('active').siblings().removeClass('active');
        audio[0].load();
        audio[0].play();
}

Answer 1

您更正的 fiddle :http://jsfiddle.net/WsXX3/1014/

删除/注释掉了 init..
但是错误是您需要使用 XHTML 标准正确关闭源标记...在源标记的末尾添加了斜杠

<audio id="audio" preload="auto" tabindex="0" controls="" type="audio/mpeg">
    <source type="audio/mp3" src="http://www.archive.org/download/bolero_69/Bolero.mp3" />
    Sorry, your browser does not support HTML5 audio.
</audio>

// audio[0].play();

XHTML 自闭标签

有关示例/信息，请参阅此链接:http://www.devwebpro.com/self-closing-and-end-tags-in-xhtml-and-html/

基本上......如果元素/标签有两个部分，如 div/form/span/p/h1 那么你将它用作

如果元素只有一个部分/标签.. 像 img/hr/source 那么你需要在 > 之前添加结束斜杠作为最后一项

所以在这种情况下，我的 google chrome 发现了缺少斜线的问题，并做出了很大的改变

编辑 - 相互矛盾的信息...测试您自己的情况。

遇到这个问题后，我决定阅读一些关于 html5 标签的内容，因为我还没有依赖使用它们(我的主要开发需要支持跨浏览器和旧浏览器，例如 >=IE8.

似乎 HTML 实际上并不像 XHTML/XML 一样对待结束标记。这里要注意的另一件事是您使用的 DOC TYPE。因此，人们可能希望首先测试所有组合并缩小 DOC TYPE 和关闭单个标签类型元素的最可靠组合..例如 SOURCE