YouTube の動画埋め込みバグ。埋め込み動画の一覧ページは作ってはいけない。

youtubebug

ブラウザ側のバグなのかもしれないけど、、、、まぁとにかく解決策が見つからないので気を付けたほうがいいと思います。

※2014年7月現在確認したもので、そのうち改善されるかもしれません。
※JSとかで力技で回避できるかもしれないけど、そういうのは無しで。

 iPad Mobile Safari では、同じ動画を2回再生出来ない

再現手順としては

  1. iPad でページに埋め込まれた YouTube 動画を再生
  2. 再生が終わる
  3. 再生前の状態(サムネイル+再生ボタン表示)に戻る
  4. 再生ボタンを押下する
  5. 画面(埋め込み iframe 部分)が真っ黒のまま再生が始まらない

という感じ。

ページをリロードしないともう1回動画を再生することが出来ません。

ちなみに youtube.com では発生確認できていません。また、PC 向けのブラウザでは確認できていません。

現在 YouTube の埋め込み方は

  • オプションなし
  • 動画が終わったら関連動画を表示する
  • プライバシー強化モードを有効にする
  • 以前の埋め込みコードを使用する

の4種類が選択できますが、どの埋め込み方をしても2回目は再生できません。厳密に言うと「動画が終わったら関連動画を表示する」の時、1度目に再生した動画とは別の動画を再生しようとすれば、動画の読み込みが発生するので再生されます。

また、「以前の埋め込みコードを使用する」では iPad ではそもそも要素の表示自体ができないので、1回目すら再生できませんね。デフォルトでは代替画像の表示などもされないので、この埋め込み方をするケースは無いと思いますが。

あ、あと iPhone とかだと動画を再生するのにアプリが立ち上がるので、このバグは関係ありません。

 YouTube動画オプション別埋め込みサンプル

デフォルト(オプションなし)

動画が終わったら関連動画を表示する

プライバシー強化モードを有効にする

以前の埋め込みコードを使用する

 Android で複数動画を埋め込んでいるページに「戻る」と、動画の並び順がおかしくなる

これは Android 側のバグと思われます。見出しの通り、

  1. YouTube の動画を複数埋め込んでいるページを表示する
  2. 別のページに遷移する
  3. ブラウザバックにより、動画を複数埋め込んでいるページに戻るージに戻る

とすると、埋め込まれた動画の並び順が変わっているというもの。これはひどいw

並び順だけじゃなくて、同じ動画が埋め込まれることもあります。謎。

発生を確認したのは下記端末のネイティブブラウザ。

  • Samsung Galaxy S3 Android 4.0.1
  • Samsung Galaxy note Android 4.0.4
  • Sony Xperia SO-05D Android 4.0.4

検証が足りてないのでなんとも言えないけども、恐らく Chrome for Android だと発生しないかも。

一覧にどの程度動画を埋め込んでいたら発生するのかもわからないけど、そもそもの表示負荷とか考えると、動画を複数埋め込んだページとかは作らないほうがいいですね。

 Android で動画を再生中に、同じページに埋め込まれた別の動画を再生すると、最初に再生していた動画の天地が逆転する

Android スマホ使ってる人たちって、こういう意味分かんないバグに慣れちゃってたりするのかな?

  1. YouTube の動画を複数埋め込んでいるページを表示する
  2. 動画を1つ再生する
  3. 1つ目の動画を再生中に2つ目を再生する
  4. 1つ目の動画の再生が止まり、プレーヤー内の動画の天地が逆転する

まぁ「再生できなくなる」とかいうクリティカルな問題ではないので、そのままでもいいちゃいいかもしれないけど、、、

ちなみに Sony Xperia Z Android 4.4 (chrome)では、同時に2つ動画が再生されますし、再生が安定しているのでこのようなバグは発生していません。

東京都内で仕事をしています。猫飼いたいです。30歳からピアノ始めたおじさんです。盆栽にも興味が出てきました。
最近ブログ用のTwitterアカウントを作成したので、是非フォローをしてください。@zakkiboooks

 コメントをどうぞ

  • 入力いただいたメールアドレスは公開されませんが、このブログが置いてあるサーバーに保存されます。
  • 入力いただいた情報の他に、WordPress の機能により IPアドレス を取得させていただきます。取得した IPアドレス はスパムコメントの対処ために利用され、公開することはありません。
  • 個人情報などを記入された場合、投稿いただいたコメントを表示しないか、該当箇所を編集して公開する可能性があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。