技術

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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

VivaldiのWEBパネルに登録して便利だったサイトを紹介する

こんばんは VivaldiのWEBパネルはとても便利です。 今回はWEBパネルに …

[ Rails ]ActiveRecord::RecordInvalidで怒られ、saveができない!

こんにちは。たなかです。 新しいプロジェクトの参画が決まって、今はrailsを書 …

no image

【nginx】そうだ!Basic認証を掛けよう

どうも、中田です。 nginxでベーシック認証をかける方法です。 これからもよく …

no image

【Docker/Mac】Dockerコマンド

どうも中田です。 今回はDocker。 巷でよく話には出てましたが使ってみるとめ …

プログラミンを触ってみた

2020年から小学校でのプログラミング教育が必修になる(かも?)ということで、 …