ブラウザ互換性テスト

HTML5/CSS3 ブラウザ・サポート状況(2012-0801)

ChromeFirefoxSafariOperaIE9Waterfox
margin:auto
table-cell
box-shadow
Ruby/rp/rt
Transition
※IE9:DOCTYPEがないとHTML5機能は無効になる。

HTML5 Video ブラウザ・サポート状況(2012-0801)

動画形式ChromeFirefoxSafariOperaIE9Waterfox
H.264
WEBM
OGG
WebM for IE9をインストールすればIE9でWebM動画を再生できる。
※IE9:DOCTYPEがないとWebMを再生できない。
※2013年12月15日 全てのブラウザでMP4 H.264ビデオの再生が可能になった。
※JWPlayer 5.10により、iPadでも再生が可能になった。
※EMobile Android4.1.2標準ブラウザは、
Mozilla5.0+AppleWebkit.534.30(KHTML) V4.0 Mobile Safari534.30

JWPlayer 5.10 Script

JW Player5.10 goes here

Windows Safari 5.1.2 X Safari 5.1.7 ○
iPad(Safari/Chrome) ○ Android4.1.2 ○
※Android動画プレイヤが必要かも知れない

  1. <script src="jwplayer/jwplayer.js"></script>

  2. <div id="mediaplayer1">JW Player5.10 goes here</div>
    	<script type="text/javascript">
    		jwplayer("mediaplayer1").setup({
    			flashplayer: "jwplayer/jwplayer.swf",
    			file: "video/001.mp4",
    			image: "video/001.jpg",
    			width: "320", height: "180",
    			skin: "jwplayer/slim.zip"
    		});
    	</script>