我有一个原始的 HTML 项目,部署到 Vercel,其中一个页面中嵌入了一些视频。
没什么特别的只是:
<div class="size_fixed grpelem" id="u3332">
<iframe
class="actAsDiv"
width="513"
height="320"
src="http://www.youtube.com/embed/QAKJUnOnKckautoplay=0&loop=0&showinfo=0&theme=dark&color=red&controls=1&modestbranding=0&start=0&fs=1&iv_load_policy=1&wmode=transparent&rel=1"
frameborder="0"
allowfullscreen></iframe>
</div>
这在本地或仅打开原始 html 文件时有效
然而,当实际部署在大多数浏览器上时,这就是实际呈现的内容:
<div class="size_fixed grpelem" id="u3332">
<iframe
class="actAsDiv"
width="513"
height="320"
src="http://www.youtube.com/embed/QAKJUnOnKckautoplay=0&loop=0&showinfo=0&theme=dark&color=red&controls=1&modestbranding=0&start=0&fs=1&iv_load_policy=1&wmode=transparent&rel=1"
frameborder="0"
allowfullscreen>
#document
<html>
<head></head>
<body></body>
</html>
</iframe>
</div>
因此 iFrame 正在呈现,但从 YouTube 返回的内容是一个空的 HTML 页面。我在 Vimeo 上有另一个视频,同样的问题。我可以在其他浏览器上复制这个问题,其他用户也遇到同样的问题。
我不确定这是 Vercel 的东西,还是 Code 或 Youtube。任何指向正确方向的指针将不胜感激。