我对vimeo＆amp;有一个非常奇怪的问题html5全屏播放器。
我的模板中有这个代码：
<iframe src="http://player.vimeo.com/video/91593219/?autoplay=1" width="100%" height="615" frameborder="0" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
iframe加载正常，但是当我点击“全屏”时，浏览器进入全屏模式，视频显示在网站下方（我在观看视频时可以看到相对和绝对的div）。
您可以在此处试验此错误：http://webrelais.net/pingpong/projet/proxipolis
有没有人遇到过这个问题？
非常感谢你的帮助！
答案 0 :(得分：1)
我通过在包含我的iframe的元素上禁用animate.css样式来解决问题。
尽管如此，我尝试使用z-index修改，jQuery用于更改样式但没有任何效果，唯一的解决方案是删除Animate CSS类。
答案 1 :(得分：0)
快速查看显示它与该元素的CSS或Javascript相关 - 因为删除该元素的ID会使全屏视频至少在Chrome中运行。
通过隔离用于该元素的CSS和Javascript来解决问题，您应该能够找到导致它的原因。
答案 2 :(得分：0)
animation-fill-mode: both;似乎会导致全屏视频出现此问题。
答案 3 :(得分：0)
与Safari（13.0.4）中的错误相同。在我的情况下，iframe的父div具有will-change属性。全屏删除后可以正常使用。