在ipad中启用自动播放

时间:2011-08-29 11:53:21

标签: html5

我正在开发一个html5的项目。我在ipad中测试它。我有一个背景音频,当页面加载时播放。我制作了所有代码来播放它,但它在页面加载时不播放。如果我单击播放按钮,那么它可以很好地播放。

现在我想要的是自动播放音频(自动播放)。以下是我的代码,

$(document).ready(function() {
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'S6.mp3');
audioElement.controls = true;
audioElement.load();
audioElement.play();



audioElement.play();
$('.play').live('click',function() {
    //alert('play');                     // alert('asdsad');
    audioElement.play();
    $("#play").removeClass("play").addClass("pause");

});
$('.pause').live('click',function() {
//  alert('pause');                    // alert('4545');
    audioElement.pause();
    //$("#play").html('<a href="#" title="Play" class="play" id="play">');

    $("#play").removeClass("pause").addClass("play");


});

$('.soundhover').live('click',function() {
    audioElement.volume=0;
    $("#off").removeClass("soundhover").addClass("soundoff");
});

    $('.soundoff').live('click',function() {
    audioElement.volume=1;
    $("#off").removeClass("soundoff").addClass("soundhover");
});

});