Embedded YouTube Iframe funktioniert nicht korrekt in Safari (MacOS)

Question

Ich habe ein reaktionsfähiges eingebettetes YouTube-Video auf meiner (Bootstrap) -Website. Wenn ich die YouTube-Vollbildoption auswähle, funktioniert sie in Firefox und Chrome, aber in Safari flackert sie kurz und zeigt dann ganz oben auf meiner gesamten Webseite im Vollbildmodus an, als wäre Safari selbst im Vollbildmodus.

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:

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

Kennt jemand eine Möglichkeit, diese Arbeit in Safari zu machen?

Answer 1

Ich fand die Antwort .. falls jemand anderes dies erfährt: wow.js Animationen scheinen die Vollbildfunktionalität zu brechen, indem sie dieses Problem verursachen. Das Deaktivieren der Animation für das Div behebt das Problem.