2013年8月26日月曜日

Firefoxと動画ファイルとオブジェクトURL

Firefoxにおいて、htmlのvideoタグのソース(src)にmp4等の動画ファイルに対するオブジェクトURLを設定すると(window.URL.createObjectURL)、再生ボタンを押しても反応が無く、またエラーにもならない。
IE、Chromeでは再生可能。
なお、mp3等の音声ファイルではIE・Chrome・Firefoxのいずれも再生できた。
なんだこりゃ。


OS: Windows 7 Progessional(64bit) Service Pack1
Firefox: 23.0.1
IE: 10.0.9200.16660
Chrome: 29.0.1547.57 m


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
       function test(){
         var file = document.getElementById("Myfile").files[0];;
         var objecturl = window.URL.createObjectURL(file);
         var video = document.getElementById("video");
         video.src = objecturl;
       }
    </script>
  </head>
  <body>
    <form>
      <input type="file" id="Myfile" onchange="test()">
    </form>
    <div id="play">
      <video id="video" controls="controls" onerror="alert('ERROR!')"></video>
    </div>
  </body>
</html>

【追記(2013/08/30)】
動画ファイルの中でも.oggと.webmはFirefoxで正常に再生できた。
この現象が起きる動画は、.mp4ファイルのみのようだ。
また、音声ファイルではあるが、.m4aで該当の事象が発生した。

下記の記事に
「特許の問題を回避するため MPEG4、H.264、MP3 および AAC のサポートは、Firefox に直接組み込まれてはいません。代わりに、OS またはハードウェアのサポートに依存します。」
という記載があるが、関係しているかな?
参考記事⇒リンク


0 件のコメント:

コメントを投稿