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

Posted 2023-02-21

【中文标题】HTML 中嵌入的 YouTube 视频在前端不可见

【英文标题】：Embedded YouTube Video in HTML not visible on front end

【发布时间】：2022-01-14 07:18:59

【问题描述】：

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

enter image description here

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

[wizfinityedusolutions.com/ets-toefl/] 在这个页面上我遇到了问题。首次访问时，视频部分不可见。但是，一旦我们检查了相同的视频，就会出现。我只想让它在第一次访问时可见而不检查。

【参考方案1】：

iframe
  width:100vw;
  height:100vh;
  

*
  margin:0px;
  padding:0px;

<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></iframe>