Javascript 为什么youtube视频无法加载

我尝试在我的网站上加载youtube视频，但当我单击“播放”按钮时，大约需要23秒的黑屏时间，页面才会弹出

它可能已被移动或删除。

消息

我尝试了多个视频，由我自己或其他人上传，但同样的错误

这是我为它所做的代码

<!-- Video Section -->
<section id="video" class="video-section">
  <div class="tf-bg-overlay">

    <div class="container">

      <div class="video-intro">
         <a class="popup-video" href="https://youtu.be/8hTSK1iDcvQ"> <i class="fa fa-play"></i>  </a>
         <h2>Video Introducing</h2><p>(coming soon)</p>
      </div>

    </div>

    <!--/.container-->
  </div>
  <!--/.overlay-->
</section>
<!-- /.Video Section -->

弹出窗口的javascript。 $（函数（）{ var视频=$（“.video”）

videos.on（“单击”，函数（））{
var elm=$（此），
conts=elm.contents（），
le=连续长度，
ifr=null；
对于（var i=0；i请查看w3schools网站，您需要的是一个iframe，以便您可以查看网站上其他网页的内容，并且需要在url中添加嵌入

以下是他们在其网站上提供的示例：

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

查看w3schools网站您想要的是一个iframe，这样您就可以查看网站上另一个网页的内容，您需要在url中添加嵌入

以下是他们在其网站上提供的示例：

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>


尝试使用此链接，然后告诉我发生了什么？
https://youtu.be/8hTSK1iDcvQ
[这是
共享
youtube链接，而不是直接的url]@EGC显示youtube.com拒绝连接

好的..那么你想实现什么呢？使用生成的

youtube

嵌入代码不是一个选项吗？这是

youtube嵌入

代码，它应该替换

视频简介

div:

好的所有内容。这实际上是加载视频的。wh我真是太棒了。但是我如何隐藏这个看起来像

https://prnt.sc/pti5j9

并将其显示如下：

https://prnt.sc/pti5p7

但当我单击播放按钮时，它会在弹出窗口中打开并播放？我知道这不是上述问题所要求的，但这正是我努力实现的目标。严格来说可能的话，您必须有一个占位符图像，当用户单击时，您必须使用JS或JQuery注入iframe。您需要的解决方案是在这里尝试使用此链接，然后告诉我发生了什么？

https://youtu.be/8hTSK1iDcvQ

[这是

共享

youtube链接，而不是直接的url]@EGC显示youtube.com拒绝连接好的..那么你想实现什么呢？使用生成的

youtube

嵌入代码不是一个选项吗？这是

youtube嵌入

代码，它应该替换

视频简介

div:

好的所有内容。这实际上是加载视频的。wh我真是太棒了。但是我如何隐藏这个看起来像

https://prnt.sc/pti5j9

并将其显示如下：

https://prnt.sc/pti5p7

但当我单击播放按钮时，它会在弹出窗口中打开并播放？我知道这不是上述问题所要求的，但这正是我努力实现的目标。严格来说可能的话，你必须有一个占位符图像，当用户点击时，你必须使用JS或JQuery注入iframe。你要问的问题的解决方案是在这里谢谢你的回答，它实际上是有效的，但在问题评论部分，我问了一些问题给EGC，他给了我一个与你类似的代码。你能检查一下吗ee如果你得到了答案，请？我想EGC发布的链接就是你想要的。就像他和帖子说你想粘贴你的图像，然后使用一些javascript/jquery来处理iframe的加载。如果你是jquery新手，那么看看官方网站，也许可以看看youtube视频，让你开始。对不起，f或者不提供一个具体的编码答案谢谢你的回答，它实际上是有效的，但在问题评论部分，我问了EGC一些问题，他给了我一个与你类似的代码。你能检查一下，看看你是否得到了一个答案吗？我想EGC发布的链接就是你想要的。就像他和帖子说你想要p一样将图像放入，然后使用一些javascript/jquery来处理iframe的加载。如果您对jquery不熟悉，请查看官方网站，或者查看一些youtube视频以开始。很抱歉没有提供具体的编码答案

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>