クリックしたときにオーディオ タグ HTML5 を再生するコードが少しあります。すべてのブラウザで正しく動作します。最近、ページが開いたときに自動的に再生されるように変換しようとしました (クリックは不要です)。Chrome と FF では正常に動作しますが、IE では再生されません...明らかなエラーは見られませんが。
// add a 'self play' function on a wrapper div
jQuery('.autoplay').each( function(i) {
if( jQuery(this).attr("rel") ) {
var xv = jQuery(this);
x = jQuery(this).attr('rel') + ext;
audioElements.push( document.createElement('audio') );
//alert(audioElements.length);
//alert(xv);
// alert(x);
y = audioElements.length-1;
audioElements[y].setAttribute('src', x);
audioElements[y].load();
audioElements[y].addEventListener("canplay", function(){ xv.addClass('canplay'); });
// audioElements[y].currentTime=0;
audioElements[y].play();
// alert(x);
return true;
}
});
ライブサイトはhttp://jchmusic.comです。しかし、ここでも、http://jchmusic.com/songs-from-detroitにアクセスして任意のアイコンをクリックすると、同じ基本的なコードで問題なく動作します。
何か案は?