Safari限定で面倒な問題が発覚。たぶんWindows版とMac版の両方のSafariで起こる。自分で確かめたのはWindows版だけど、Mac持ちのスタッフに試してもらったら同じ挙動だと言われたので。

症状

サーバーには以下のようにファイルを配置。

test.htmlには以下のように動画を埋め込む。

Safariからtest.htmlにアクセスすると、BASIC認証を求められる。これは期待通りの挙動。

認証を通過してtest.htmlを表示すると、再びBASIC認証を求められる。これは期待外。ダイアログボックスの体裁は先ほどとは違って、Windows組み込みの認証ダイアログボックス。

どうして2度の認証を求められるのか？

ウェブブラウザのアクセスログ(XAMPP環境のApache)を見たら一目瞭然。

おおよそのシナリオは以下の通りで正解だと思う。

Safariはtest.htmlをロードしたら埋め込まれている動画の再生をキックするのだけど、動画再生は外部アプリ(ヘルパーアプリ)であるQuickTimeによって行われる。SafariとQuickTimeは完全に独立したアプリなので、SafariのBasic認証セッションはQuickTimeには引き継がれない。したがって、QuickTimeが動画にアクセスするときには再び認証が求められる。

2度目の認証をスキップするにはどうするか？

２度目の認証をしないようにする仕組みをサーバー側に仕込む必要があるだろうな。独自の認証処理を備えた動画データ送出のスクリプトを作成して、それをパスワード保護されないディレクトリに配置して、認証と動画送出の処理を自前で行うとか。でも、Safariだけのためにそこまでしたくないというのが正直な気持ち。

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タグを使うが、

画面真っ白で何も表示されず。

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を再度試す。

今度はコントローラは表示されるが、やはり動画は表示されない。

試しにtypeオプションでquicktime動画と指定したら

今度は問題なく表示された。Safariはちょっと面倒そう。

ブラウザ依存のJavaScriptの挙動を調べるために、SafariでJavaScriptコンソールを表示しようとしたのだけど、メニューを探してもそれらしいものが無い。SafariにはJavaScriptコントロールが無いのか？と思ったが、探したら判りにくい場所にあったのでメモ。

“開発”メニューを表示する

[編集]-[設定]メニューを選択して、ダイアログボックスの[詳細]ペインを表示する。

[メニューバーに”開発”メニューを表示]をチェックしてダイアログボックスを閉じる。

すると[開発]メニューが表示されるようになる。

[エラーコンソールを表示]メニューを選択すればJavaScriptコンソールが表示される。