Safari에서 임베드 된 YouTube iframe이 잘못 작동합니다 (MacOS)

Question

내 (부트 스트랩) 웹 사이트에 반응 형 삽입 YouTube 동영상이 있습니다. YouTube 전체 화면 옵션을 선택하면 Firefox 및 Chrome에서 작동하지만 Safari에서는 잠깐 깜박 인 다음 Safari 자체가 전체 화면 모드 인 것처럼 전체 웹 페이지의 전체 화면을 전체 화면으로 표시합니다.

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> 

사람이 Safari에서이 일을 할 수있는 방법을 알고 있나요?

Answer 1

다른 사람이 다음을 경험할 경우를 대비해 대답을 찾았습니다. wow.js 애니메이션이이 문제를 일으킴으로써 전체 화면 기능을 손상시키는 것 같습니다. div의 애니메이션을 비활성화하면 문제가 해결됩니다.