video要素の読み込みエラー

Question

javascript input type="file"で動画データの読み込みを行っているのですが、
正常に読み込める動画と読み込めないデータがあり、原因がわからず質問させて頂きました。
いずれもコーデック、拡張子は同じでmedeiaplayerやgomplayerなどでは正常に再生可能です。

動画A mp4(MPEG-4 Version2) サイズ：80メガ 長さ：約１分 ←読み込み可能
動画B mp4(MPEG-4 Version2) サイズ：740メガ 長さ：約8分 ←読み込み不可
動画B mp4(MPEG-4 Version2) サイズ：1.2ギガ 長さ：約9分 ←読み込み不可

読み込むとerrorイベントでエラーが発生します。
読み込めないデータはサイズも大きいのでサイズの可能性もありますが、
サイズ制限などはあるのでしょうか。

<input type="file" id="video" accept="video/*" name="video" />

video.on("loadedmetadata", function () {
alert("読み込み完了");
})

video.on("abort", function () {
alert("読み込みを中断");
})

video.on("error", function () {
alert("メディアデータの読み込み中にエラーが発生しました。");
})

video.on("stalled", function () {
alert("メディアデータ読み込みできません");
})

Answer 1

input type = "file" タグでファイルを読み込もうとすると，一度に１つのファイルしか読み込めない仕様になっています．

今回は一度に複数のファイルを読み込もうとして，最初のファイルのみ読み込めたのではないでしょうか．サイズが原因ではないと思います．

一度に複数のファイルを読み込むときは，最後に multiple を入れてください．

<input type="file" id="video" accept="video/*" name="video" multiple>

ただしこのmultiple，IE8/9では実装されていないやっかい者の属性なのであしからず．

Comments

[Qoo]

１つのファイルしか読みこんでいないので、そのようなことはなさそうです。