我正在使用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>
这就是我的所作所为:
这是我的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单个帖子上的视频没有响应,我正在试图弄清楚为什么不是这样。我查看了单个帖子的控制台,我没有注意到它与主页之间的区别:
我也试过打电话 jQuery('body')。fiVids(); ,而不是使用.video-container和.post-video-container
......奇怪的是,主页上的视频仍在响应,而单个帖子上的视频却没有。
最后一件事: 我正在不安全的JavaScript尝试使用URL http://www.youtube.com/embed/ISdUqOW3XGc从具有URL [HTTP PATH]的框架访问框架。域,协议和端口必须匹配。作为主页和单个帖子页面上的控制台错误。但是既然我已经得到了它,我不确定这是不是问题。