html5対応ブラウザの確認方法
2022-01-11 18:42:35
ビデオ・オーディオコード検出
function CheckAudio(){
var myAudio=document.createElement("audio");
if(myAudio.canPlayType){
if(""! =myAudio.canPlayType("audio/mpeg")){
document.write("Your browser supports mp3 format<br/>");
}
if(""! =myAudio.canPlayType('audio/ogg;codecs="vorbis"')){
document.write("Your browser supports ogg encoding<br/>")
}
if(""! =myAudio.canPlayType('audio/mp4;codecs="mp4a.40.5"')){
document.write("Your browser supports aac encoding. <br/>");
}
}
else{
document.write("Your browser does not support the detected audio format");
}
}
function checkVideo(){
var myVideo=document.createElement("video");
if(myVideo.canPlayType){
if(""! =myVideo.canPlayType('video/mp4;codecs="avc1.64001E"')){
document.write("Your browser supports h264 format<br/>");
}
if(""! =myVideo.canPlayType('video/ogg;codecs="vp8"')){
document.write("Your browser supports vp8 format<br/>");
}
if(""! =myVideo.canPlayType('video/ogg;codecs="theora"')){
document.write("Your browser supports theora format<br/>");
}
}else{
document.write("Your browser does not support the video format to be detected");
}
}
html5のブラウザサポートを表示する方法についての説明は以上となります。html5のブラウザサポートについては、Script Houseの過去記事を検索するか、以下の記事を引き続き閲覧してください。
関連
-
キャンバスは、マウスがまぶしい小さなボールの実装に従ってください。
-
キャンバスのdrawImageの使用方法
-
HTML5ジャンプアプレット wx-open-launch-weapp サンプルコード
-
h5モバイルコール Alipay、WeChat決済の実装
-
クロスドメイン・モディフィケーション iframeページのコンテンツ詳細
-
html5モバイル価格入力キーボードの実装
-
IOSキーボードがfocusoutイベントでしまわれたときに元の場所に戻らない問題を解決する
-
Html5 スクロールする方法
-
Html5 Canvasアニメーションの基本的な衝突検出の実装
-
HTML5動画再生(動画),JavaScript制御動画サンプルコード
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン