2017-12-14 20 views
0

私は(ブートストラップ)ウェブサイトに対応した埋め込みYouTubeビデオを持っています。 私はYouTubeのフルスクリーンオプションを選択すると、FirefoxとChromeで動作しますが、Safariで一時的にちらつき、Safari自体がフルスクリーンモードであるように、Webページ全体をフルスクリーンで表示します。Safariで埋め込まれたYouTubeのiframeが正しく動作しません(MacOS)

CSS:

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 


HTML:誰もがSafariでこの作品を作るための方法の

<div class='embed-container'><iframe src='https://www.youtube.com/embed/myyoutubecode?rel=0' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div> 


を知っていますか?

答えて

0

他の誰かがこれを経験した場合の回答: wow.jsのアニメーションは、この問題を引き起こしてフルスクリーン機能を破壊するようです。 divのアニメーションを無効にすると問題が解決されます。

関連する問題