Youtube iframe视频未在Wordpress中显示

时间:2016-10-20 17:52:29

标签: javascript wordpress iframe youtube

我已经为我的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");
  });
});

控制台错误:

enter image description here

1 个答案:

答案 0 :(得分:1)

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