HTML 中嵌入的 YouTube 视频在前端不可见答案

【问题标题】：Embedded YouTube Video in HTML not visible on front endHTML 中嵌入的 YouTube 视频在前端不可见
【发布时间】：2022-01-14 07:18:59
【问题描述】：

我正面临前端 HTML 中嵌入 youtube 视频的可见性问题。尽管在检查时它是可见的，而且它在移动设备上也是可见的。但是在桌面上我无法立即查看它。用于嵌入下面提到的视频的代码。

enter image description here

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。
youtube.com/embed/6KamS4u3pYI"></iframe> 使用此 iframe 标签嵌入 youtube 视频。
[wizfinityedusolutions.com/ets-toefl/] 在这个页面上我遇到了问题。首次访问时，视频部分不可见。但是，一旦我们检查了相同的视频，就会出现。我只想让它在第一次访问时可见而不检查。

标签： html youtube html5-video embed visibility

【解决方案1】：

iframe{
  width:100vw;
  height:100vh;
  
}
*{
  margin:0px;
  padding:0px;
}

&lt;iframe src="https://www.youtube.com/embed/S94JdUwKHLU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;

【讨论】：