Youtube iframe 视频未在 Wordpress 中显示答案

【问题标题】：Youtube iframe video not showing in WordpressYoutube iframe 视频未在 Wordpress 中显示
【发布时间】：2017-03-02 20:34:24
【问题描述】：

我为我的 wordpress 网站上的一个页面创建了一个模板，并且我在 iframe 中添加了几个 youtube 视频，但它们没有显示。在我的计算机上托管的空白 index.html 文件上显示它，但在我将其上传到 Wordpress 时没有显示。当我检查页面时，iframe 在那里（如下所示）有谁知道我做错了什么？

HTML：

<p class="reveal1">
Some more text.
  <div class="video-container1" align="center">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/JfHXbPv9cUg" frameborder="0" allowfullscreen></iframe>
  </div>
</p>
<div id="more1" align="center" title="View More">
  <img src="http://www.blackballad.co.uk/wp-content/uploads/2016/10/drop.png" width="20px" height="20px">
</div>

JavaScript：

$(document).ready(function(){
  $("#more1").click(function(){
      $(".reveal1").slideToggle("slow");
      $(".video-container1").slideToggle("slow");
  });
});

控制台错误：

【问题讨论】：

您检查控制台是否有错误？
@Pamblam 是的，但不太确定他们如何帮助我。我已经添加它们供您查看:)
你是在 file:/// 协议下运行还是在服务器上？
另外，你的网址是错误的。public_html 需要从你正在加载的一些资源中删除，这解释了一些 404
看起来你也有一个广告拦截器。无论如何，这些错误都与 youtube 无关。

标签： javascript wordpress iframe youtube

【解决方案1】：

不要自己制作 iframe。相反，请使用the JavaScript published in the iframe API

【讨论】：