LoginSignup
6
6

More than 5 years have passed since last update.

iOS9で動的に挿入したvideoタグの挙動

Posted at

iOS9で動的に挿入したvideoタグが上手く動かない

iOS8まで動いていたコードのままにしていたらiOS9でvideoをうまく再生できなかった。
Youtubeは動いてるしうちのコードがおかしいのは間違いなさそう。

つらい。

ちなみに構成としては、ページのロード時にはvideoタグは配置せずに、サムネイル画像だけ置いておいて、クリックされたら適当なplaceholderと置換するかたちでvideoをDOM挿入する感じにしている。

なんか色々試してみた結果

// <video> を挿入したあと
video.oncanplay = function() {
  video.play();
};

video.load();

ってやったら動いた。
要するにiOS9からは自動的には動画を読みこんだりしないから手動で loadをする必要があるということだろうか。

動的にvideoタグを挿入しないならこういうことをしないでいいのかもしれない。

一応メモ書き程度に。

6
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
6