ブラウザ側のバグなのかもしれないけど、、、、まぁとにかく解決策が見つからないので気を付けたほうがいいと思います。
※2014年7月現在確認したもので、そのうち改善されるかもしれません。
※JSとかで力技で回避できるかもしれないけど、そういうのは無しで。
iPad Mobile Safari では、同じ動画を2回再生出来ない
再現手順としては
- iPad でページに埋め込まれた YouTube 動画を再生
- 再生が終わる
- 再生前の状態（サムネイル＋再生ボタン表示）に戻る
- 再生ボタンを押下する
- 画面（埋め込み iframe 部分）が真っ黒のまま再生が始まらない
という感じ。
ページをリロードしないともう1回動画を再生することが出来ません。
ちなみに youtube.com では発生確認できていません。また、PC 向けのブラウザでは確認できていません。
現在 YouTube の埋め込み方は
- オプションなし
- 動画が終わったら関連動画を表示する
- プライバシー強化モードを有効にする
- 以前の埋め込みコードを使用する
の4種類が選択できますが、どの埋め込み方をしても2回目は再生できません。厳密に言うと「動画が終わったら関連動画を表示する」の時、1度目に再生した動画とは別の動画を再生しようとすれば、動画の読み込みが発生するので再生されます。
また、「以前の埋め込みコードを使用する」では iPad ではそもそも要素の表示自体ができないので、1回目すら再生できませんね。デフォルトでは代替画像の表示などもされないので、この埋め込み方をするケースは無いと思いますが。
あ、あと iPhone とかだと動画を再生するのにアプリが立ち上がるので、このバグは関係ありません。
YouTube動画オプション別埋め込みサンプル
デフォルト（オプションなし）
動画が終わったら関連動画を表示する
プライバシー強化モードを有効にする
以前の埋め込みコードを使用する
Android で複数動画を埋め込んでいるページに「戻る」と、動画の並び順がおかしくなる
これは Android 側のバグと思われます。見出しの通り、
- YouTube の動画を複数埋め込んでいるページを表示する
- 別のページに遷移する
- ブラウザバックにより、動画を複数埋め込んでいるページに戻るージに戻る
とすると、埋め込まれた動画の並び順が変わっているというもの。これはひどいｗ
並び順だけじゃなくて、同じ動画が埋め込まれることもあります。謎。
発生を確認したのは下記端末のネイティブブラウザ。
- 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 スマホ使ってる人たちって、こういう意味分かんないバグに慣れちゃってたりするのかな？
- YouTube の動画を複数埋め込んでいるページを表示する
- 動画を1つ再生する
- 1つ目の動画を再生中に2つ目を再生する
- 1つ目の動画の再生が止まり、プレーヤー内の動画の天地が逆転する
まぁ「再生できなくなる」とかいうクリティカルな問題ではないので、そのままでもいいちゃいいかもしれないけど、、、
ちなみに Sony Xperia Z Android 4.4 （chrome）では、同時に2つ動画が再生されますし、再生が安定しているのでこのようなバグは発生していません。