HTML へのオーディオ ファイルの挿入とブラウザでのオーディオ ファイルの再生の互換性の問題_HTML/Xhtml_Web ページ制作

ローカル テストを通じて HTML にオーディオ ファイルを挿入した後 (mp3 ファイルを再生した後) にまとめたいくつかの問題について話しましょう:

1.
問題: IE8 では正常に動作しますが (メディア プレーヤー プラグインを通じて再生)、IE6 および IE7 では再生できません
Firefox では、QuickTime をインストールする必要があります再生するプラグイン
Chrome html5のタグに変換すると再生可能ですが画面全体がブルースクリーンになります
Operaは自動再生されません

2. ;embed type="audio/midi" src ="" autostart=trueloop=false>
問題: IE6、IE7 では正常に再生されませんが、IE8 では正常に再生されます
Firefox では正常に動作します
Chrome を正常に再生するには、汚れた QuickTime プラグインが必要です
Opera は自動的に再生されません

3. : IE6、7では再生できません。IE8では「Articxが正常に使用されていません」等のメッセージが表示されます。文言プロンプト
Firefoxでは通常
Chromeでは通常
Operaはサポートされていません

4.
問題: html5 タグは Chrome

5、

コードをコピーします コードは次のとおりです:

問題: 、IE7 はサポートされていません、他のブラウザはサポートされています、Opera は自動的に再生できません

6. 次のアプローチを採用しました (jquery で実行):





コードをコピーします

コードは次のとおりです:

if(navigator.userAgent.indexOf("Chrome") > ; -1){ Chrome の場合: }else if（navigator.userAgent.indexOf("Firefox")!=-1){

Firefox の場合:

}else if（navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document .all) {
IE の場合(6) ,7,8):

}else if（navigator.appName.indexOf("Opera")!=-1）{
Oprea の場合:
< ;embed src="" type="audio/mpeg"loop="false">
}else{



または





コードをコピー

コードは次のとおりです。

var ua = navigator.userAgent.toLowerCase() if(ua.match (/msie ([d.] )/)){ jQuery('#__alert_sound').html(''); } else if(ua.match( /firefox/([d.] )/)){

jQuery('#__alert_sound').html('');

}

else if(ua.match(/chrome/([d.] ) /)){
jQuery ('#__alert_sound').html('' );
}
else if(ua.match(/opera.([d.] )/)){
jQuery('#__alert_sound').html( '<bgsounds src="/sounds/alert/1.mp3"></bgsounds>');
}
else if(ua.match(/version/([d.] ).*safari/)){
jQuery('#__alert_sound').html( '');
}
else {
jQuery(' #__alert_sound').html(' ');
}