停止 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/

Removed/commented out里面的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 自闭标签

请参阅此 link 以获取示例/信息：http://www.devwebpro.com/self-closing-and-end-tags-in-xhtml-and-html/

基本上...如果 element/tag 像 div/form/span/p/h1 一样有两个部分，那么您可以将其用作

如果元素只有一个 part/tag.. 像 img/hr/source 那么你需要在 >

之前添加结束斜杠作为最后一项

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

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

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

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

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

Stop html5 audio player from auto-playing

html

javascript

audio