iOS9で動的に挿入したvideoタグが上手く動かない
iOS8まで動いていたコードのままにしていたらiOS9でvideoをうまく再生できなかった。
Youtubeは動いてるしうちのコードがおかしいのは間違いなさそう。
つらい。
ちなみに構成としては、ページのロード時にはvideoタグは配置せずに、サムネイル画像だけ置いておいて、クリックされたら適当なplaceholderと置換するかたちでvideoをDOM挿入する感じにしている。
なんか色々試してみた結果
// <video> を挿入したあと
video.oncanplay = function() {
video.play();
};
video.load();
ってやったら動いた。
要するにiOS9からは自動的には動画を読みこんだりしないから手動で loadをする必要があるということだろうか。
動的にvideoタグを挿入しないならこういうことをしないでいいのかもしれない。
一応メモ書き程度に。