1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Safari6.1.2でYoutubeの読み込みが停止する

Last updated at Posted at 2014-03-12

Safari6.1.2でYoutubeの読み込みが停止する

2014.03.12:時点
FlashPlayerのバージョンは10.1

Youtubeの動画を100%表示や背景に利用するために絶対配置するとSafariで
読み込みが停止されることがあるようです。

【現象】

youtubeをposition:absolute;などの絶対配置で指定した場合、
Safariでうまく自動再生が開始されない、再生が途中で停止される。

埋め込み方はどうも関係なさそう、objectタグだろうがiframeAPIだろうがiframeの直埋め込みでも
同様の現象は発生した。

同じ動画のキャッシュが残っていると正常に動作する場合がある。

試験運用中のHTML5プレーヤーに変更していると、この現象は発生しない。

lightbox系のプラグインで表示させたりするのは大丈夫なので、ページ読み込み時のいろんなレンダリングの関係で停止しているのかも。。。

【同様の現象が確認できたページ】

http://yanmar-pbp.jp/
http://next-a-class.com/animation/index.html
http://www.seanmccambridge.com/tubular/

【解決法】

現状は静止画に切り替えるとか、絶対配置を避けるといった方法しかないかと。。。
何かあったら教えて欲しいです。。。

【追記:2014/3/13】
パラメータにhtml5=1を付与して埋め込むとHTML5プレーヤーで読み込めるので、不具合がなくなった!!

ε=\_〇ノヒャッホーイ!!

html5プレーヤーはiframeでのみ使用できるっぽいのでobjectタグで読み込んでいる場合は切り替える必要あり。
html5パラメータは公式で発表されていないっぽいけど、今後はHTML5プレーヤーが主流になると思うし
急に無くなるってこともあまりなさそうな気がする。

1
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?