我想制作自己的小网页,我有一个域Saoo.eu 如你所见,角落里有一个小的播放按钮,播放播放列表。无论如何在我每次添加的页面上都有播放按钮,而不会在每次页面更改时重置? 我被迫使用iFrames吗?
这是我的播放器代码
<button id="audioControl" style="width:30px;height:25px;"></button>
<audio id="aud" src="" autoplay autobuffer />
脚本:
$(document).ready(function() {
$('#audioControl').html('II');
if(Modernizr.audio && Modernizr.audio.mp3) {
audio.setAttribute("src",'http://daokun.webs.com/play0.mp3');
} else if(Modernizr.audio && Modernizr.audio.wav) {
audio.setAttribute("src", 'http://daokun.webs.com/play0.ogg');
}
});
var audio = document.getElementById('aud'),
count = 0;
$('#audioControl').toggle(
function () {
audio.pause();
$('#audioControl').html('>');
},
function () {
audio.play();
$('#audioControl').html('II');
}
);
audio.addEventListener("ended", function() {
count++;
if(count == 4){count = 0;}
if(Modernizr.audio && Modernizr.audio.mp3) {
audio.setAttribute("src",'http://daokun.webs.com/play'+count+'.mp3');
} else if(Modernizr.audio && Modernizr.audio.wav) {
audio.setAttribute("src", 'http://daokun.webs.com/play'+count+'.ogg');
}
audio.load();
});