Youtube IFrame APIで困った

インライン再生のiframeを

loadVideoById(“bHQqvYy5KYo”)

のようにしてモバイル向けページでボタンをタップして再生開始させる際に、iOSではautostartに問題が生じやすい。
iPhoneはまだよかったけどもiPad(iOS9.3.5)では再生準備状態から抜けなくなる。ので、

loadVideoById(“bHQqvYy5KYo”, 0.1)

として再生位置の引数を加えてYoutube動画に再生ボタンを表示させることでどうにか回避。
ちなみにこの不具合が起こるのは1回目の読み込み時のみで、2回目からはautostartが効いているようだし、

function onPlayerReady(event) {
event.target.playVideo();
}

のようにイベント関数もあったほうが良いみたい。ネットで調べても言及しているところが少ないので久しぶりにこんなネタを。

Category: iphone, web

Date posted:2017-08-17

コメントする

Posting your comment...

Subscribe to these comments via email