Internet Explorer 10 の Video タグで動画再生できません。

Question

Windows 8 の IE10 （タッチ版） で Video タグで設置してみた動画を閲覧すると

「エラー：ビデオ タイプがサポートされていない、またはファイル パスが無効です」というエラーメッセージが表示され、再生できません。

Windows RT タブレットでも、やはり再生できません。

Windows 7 の IE9 では再生されていた mp4 （H.264） 形式のファイルなのですが、何がだめなのでしょう。

エンコードの問題でしょうか。同様の問題を解決された方がみえましたら、解決方法を教えて下さい。

Answer 1

再生をさせている video 要素のコードを示されると良いでしょう。

また「再生できない」mp4 ファイルは単独で開くと (つまり Windows 8上でファイルをダブルクリックすると) どうなりますか?

---

hebikuzure

Answer 2

ありがとうございます。以下のコードを使用しています。

<video id="video" poster ="img/img.jpg" width="640" height="360" controls="false" autoplay="true" loop="true">
<source src="img.mp4" type="video/mp4">
<p><img src="img/img.jpg" alt="動画" width="640" height="360" /></p>
</video>

また、当mp4ファイルをWindows RTで開くとビデオアプリで再生されます。

Answer 3

手元で同じコードで HTML ページを作ってイントラネットの IIS でホストし、手持ちの mp4 ファイルをリネームして Windows 8 上の IE10 でアクセスしてみました。

結果としてポスターもビデオも正常に表示されます。video タグの部分はご呈示のサンプルとまったく同じにしています。Windows 8 もクリーンインストール後、サードパーティの動画関係ソフトウェアは一切ない状態です。

どのような mp4 ファイルでも再生できないのか、検証されると良いかと思います。あとはサーバー環境 / ネットワーク環境かなあ。

---

hebikuzure

Answer 4

ありがとうございます。

結果として、.htaccess にて MIME タイプの追加（AddType video/mp4 mp4）で再生することができました。
実は Windows 7 の IE9 でもローカル（XAMPP）では再生できて、Webサーバー上では再生できていなかった（iPad では再生できる）ことを、今更気づきました（ＩＥ用にFlashも併用していたので）。

本当にありがとうございました。