3

我正在使用 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. 这是控制台在正常工作的主页上的样子： 安慰

这是我的 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 单一帖子上的视频没有响应，我正在摸索着想弄清楚为什么不是这样。我查看了单个帖子的控制台，我没有注意到它与主页之间的区别：

Chrome 中生成的代码的屏幕截图

我也尝试只调用 jQuery('body').fiVids(); 而不是使用 .video-container 和 .post-video-container

...奇怪的是，主页上的视频继续响应，而单个帖子上的视频则没有。

最后一件事：我收到不安全的 JavaScript 尝试从带有 URL http://www.youtube.com/embed/ISdUqOW3XGc的框架访问带有 URL [HTTP PATH] 的框架。域、协议和端口必须匹配。作为主页和单个帖子页面上的控制台错误。但由于我在两者上都得到了它，我不确定这是问题所在。

4

0 回答 0