技術

videoタグとIEの話

投稿日:

以前下記のようなコードでvideoの再生が終了したら別な動画をsrcにセットして再度再生するような事がありました。


var video = $('video');
video.on('ended', function(){
video.attr('src','hogehoge.mp4');
video.get(0);
video.play();
});

このコードでモダンブラウザであれば、videoの終了タイミングを取得してsrcの置き換えと再生を行ってくれたのですが、
IEでだけsrcが置き換わったタイミングで「無効なソースです」という表記が出てvideoの再生ができなくなってしまいました。

調べて見たところ、htaccessに下記の追記をしてあげると直るみたいです。


AddType video/mp4 .mp4

上記を記述すると無事にsrcが置き換わってもモダンブラウザと同じように再生されるようになりました。

もしmp4以外でも同様に「無効なソースです」と表示が出るようであれば、
下記の用に該当の拡張子を追記してあげると直るようです。


AddType video/ogg .ogg .ogv
AddType video/mp4 .mp4
AddType audio/ogg .ogg
AddType application/ogg .ogg .ogv

videoのsrcを置き換えて再度再生するような状況はかなり特殊だとは思いますが、
同じような状況になった際は是非試してみてください。

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

SwiftSwitch @ Raspberry Pi 3(ラズベリーパイ)

誕生日ということで会社からRaspberry Pi 3を頂きました! とりあえず …

[ Ionic ] アプリの画面向きを指定する方法

こんにちは。たなかです。 Ionicフレームワークでモバイルアプリ開発しています …

no image

【Angular】Full calendarで横スクロールを実装

こんにちは Full Calendarにはいくつかの表示モードがあります。 こち …

コマンド一つで「20190729」みたいなスラッシュなしの日付を入力したい!

こんにちは。たなかです。 Macで「きょう」と入力すると、今日の日付が予測変換さ …

no image

[Angular]複数のクエリパラメータを設定する

こんばんは angularで複数のクエリパラメータを設定したいと思います。 co …