嵌入Vimeo/YouTube视频无法全屏的问题求助

我遇到了一个在Stack Overflow和GitHub上查遍相关主题都解决不了的问题：

• 通过iframe嵌入YouTube视频时，全屏按钮始终置灰，点击提示“Fullscreen not available”；嵌入Vimeo视频时干脆不显示全屏按钮
• 这个问题在iOS、Firefox、安卓、Chrome浏览器里都存在

我试过所有能找到的全屏相关属性：allowfullscreen、allowFullScreen、allowFullScreen="True"、allowFullScreen='true'、mozallowfullscreen、webkitallowfullscreen，但全都没用。后来发现把iframe放到WordPress页面外的纯HTML5页面里，全屏功能完全正常，应该是我的WordPress页面本身阻止了全屏模式。

我的iframe代码如下：

<div class='youtube-container-100' allowFullScreen='true' mozallowfullscreen webkitallowfullscreen allowFullScreen>
<iframe src='https://www.youtube.com/embed/-mzrMWL5sYQ?rel=0&modestbranding=1' allowfullscreen></iframe></div>

移除外层div之后问题也没有改善，我已经创建了测试页面验证这个问题。

恳请各位帮忙解决，非常感谢！

内容的提问来源于stack exchange，提问作者LuKo87