【YoutubeAPI】 iPhoneやAndroidでplayVideo()が再生されず、読み込み中のままになる

先日の続きです。
YoutubeのプレーヤーAPIを使って簡単な再生プレーヤーを設置したのですが一部のスマホ端末で再生できない現象が出たので調査。

まず、やっていることはyoutubeプレーヤーの全面にプレイ画像を置き、クリックしたらプレイ画像が消え動画再生が始まるという、簡単な仕組み。
だけど、以下スマホブラウザでは動画が読み込み中のまま再生が始まらず、動画をタップしないと再生が始まらない現象でした。

以下が「×」がその現象が出て再生できなかった環境

Android 標準ブラウザ ×
Android GoogleChome
iOS safari ×

調べてみると、スマホ端末ではplayVideo()メソッドが禁止されているようでした。

なので、今回のケースでは、スマホ端末での場合

  • プレイ画像を表示しない
  • 自動再生playVideo()を使わない

その為以下の処理を追加します。

スタイルシートは省略します。
youtube-playerの上にうまく「プレイ画像」を重ねて下さい(笑)

■参考
http://pointofviewpoint.air-nifty.com/blog/2013/10/youtube-apiioss.html
http://www.yoheim.net/blog.php?q=20130816

この投稿へのコメント

コメントはありません。

コメントを残す

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

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL