H.264形式のMP4動画ファイルがSafariで再生されないという報告を受けて調べてみる。
テスタはMac版Safariで試しているというが、僕のデスクにはWindowsマシンしか無い。テスタに試してもらったところ、Windows版Safariでも同じ症状だというので、とりあえずWindows版Safariで挙動を確かめてみる。
Windows版Safariをインストール
まずはWindows版Safariをダウンロードしてインストール。「投稿日: 2012/05/09」とあるけど、Windows版はこれが最新みたい。
Windows 用 Safari 5.1.7
http://support.apple.com/kb/dl1531?viewlocale=ja_JP
MP4動画ファイルは再生されず
動画再生にはhtml5のvideoタグを使うが、
|
1 2 3 |
<video id="video1" controls> <source src="sample_video.mp4"> </video> |
画面真っ白で何も表示されず。
QuickTimeが必須らしい
Safariでの動画再生にはQuickTimeが必須らしいのでインストール。
Apple – QuickTime – ダウンロード
http://www.apple.com/jp/quicktime/download/
QuickTime 7.7.6（Windows XP, Windows Vista or Windows 7)
videoタグのtypeオプションが必要らしい
QuickTimeインストール後に先ほどのhtmlを再度試す。
|
1 2 3 |
<video id="video1" controls> <source src="sample_video.mp4"> </video> |
今度はコントローラは表示されるが、やはり動画は表示されない。
試しにtypeオプションでquicktime動画と指定したら
|
1 2 3 |
<video id="video1" controls> <source src="sample_video.mp4" type="video/quicktime"> </video> |
今度は問題なく表示された。Safariはちょっと面倒そう。