jQuery Fitvids无法在Wordpress帖子页面中使用

时间:2013-06-05 19:56:13

标签: jquery wordpress video responsive-design fitvids

我正在使用fitvids(http://fitvidsjs.com/)在Wordpress中使我的视频响应,到目前为止它已经非常简单了。我的主页上有一个视频,视频在那里正确调整大小,但由于某些原因,fitvids不在帖子页面上工作!

根据github上的文档

,以下是使fitvids工作的基本公式
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.fitvids.js"></script>
<script>
$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
$("#thing-with-videos").fitVids();
});
</script>

这就是我的所作所为:

  1. 三重检查以确保jQuery正在主页上加载 和帖子页面。
  2. 三重检查以确保fitvids.js和javascript.js(我的自定义JS)是 在主页和帖子页面上被调用。
  3. 确认视频在主页上有响应
  4. 这是正确工作的主页上控制台的样子: console
  5. 这是我的javascript.js:

    jQuery(document).ready(function() {
        jQuery("iframe").wrap("<div class='video-container'/>"); 
    //wraps a <div class="video-container"> around all iframes in the wordpress post
    jQuery(".single-post iframe").wrap("<div class='post-video-container'/>");
    
    jQuery('.video-container').fitVids();
    jQuery('.post-video-container').fitVids();
    });
    

    不幸的是,Wordpress单个帖子上的视频没有响应,我正在试图弄清楚为什么不是这样。我查看了单个帖子的控制台,我没有注意到它与主页之间的区别:

    Screenshot of generated code in Chrome

    我也试过打电话      jQuery('body')。fiVids(); ,而不是使用.video-container和.post-video-container

    ......奇怪的是,主页上的视频仍在响应,而单个帖子上的视频却没有。

    最后一件事: 我正在不安全的JavaScript尝试使用URL http://www.youtube.com/embed/ISdUqOW3XGc从具有URL [HTTP PATH]的框架访问框架。域,协议和端口必须匹配。作为主页和单个帖子页面上的控制台错误。但是既然我已经得到了它,我不确定这是不是问题。

0 个答案:

没有答案