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

你纠正的小提琴：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那么你需要将结束斜杠添加为＆gt;之前的最后一项。

所以在这种情况下，我的谷歌浏览器用缺失的斜线拾取了问题并且完全不同

编辑 - 信息冲突......根据您自己的情况进行测试。

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

似乎HTML实际上并不像XHTML / XML那样处理结束标记。此处需要注意的其他事项之一是您使用的DOC TYPE。因此，人们可能希望首先测试所有组合并缩小DOC TYPE＆amp;的最可靠组合。关闭单个标签类型元素..eg SOURCE

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

1 个答案: