Video 嵌入式youtube播放器在手机上显示黑屏

我有一个wordpress网站，我给他添加了一个html代码，用于在头版嵌入视频。代码如下：

<iframe width="560" height="315" src="https://www.youtube.com/embed/XXX" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

我可以在桌面上清晰地看到视频，但在移动Chrome和其他浏览器上，我只能看到一个无法读取的黑屏

---

有什么想法吗？

试试下面的代码。这使您的iframe具有响应性

.iframe容器{ 位置：相对位置； 宽度：100%； 身高：0； 垫底：56.25%； 边际下限：15px } .fw iframe{ 位置：绝对位置； 排名：0； 左：0； 宽度：100%； 身高：100%； }