Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery更改视频播放器的大小_Javascript_Jquery_Video_Width - Fatal编程技术网

Javascript jQuery更改视频播放器的大小

Javascript jQuery更改视频播放器的大小,javascript,jquery,video,width,Javascript,Jquery,Video,Width,我是詹姆斯。我正在做一个项目(实际上是两个项目,都需要相同的代码)来处理帖子,除了内容总是100%的显示在用户屏幕上,并且使用jquery来划分宽度,以获得相同数量的列,不管屏幕分辨率如何。然而,我在视频帖子方面遇到了麻烦。如果有人能帮我写一个脚本(或者写一个更有用的脚本),将默认的500px视频强制到文章的宽度?我用来划分帖子的脚本如下。任何答案都会有帮助。哦,我在碰这个,因为它已经快一个星期了,我还没有收到工作脚本 var container = function(){ va

我是詹姆斯。我正在做一个项目(实际上是两个项目,都需要相同的代码)来处理帖子,除了内容总是100%的显示在用户屏幕上,并且使用jquery来划分宽度,以获得相同数量的列,不管屏幕分辨率如何。然而,我在视频帖子方面遇到了麻烦。如果有人能帮我写一个脚本(或者写一个更有用的脚本),将默认的500px视频强制到文章的宽度?我用来划分帖子的脚本如下。任何答案都会有帮助。哦,我在碰这个,因为它已经快一个星期了,我还没有收到工作脚本

    var container = function(){
    var posts = $(document).width() - 40;
    var entry = (posts - 200) / 5;
    $("#posts").css("width", posts);
    $(".entry").css("width", entry);
    $("img.photo").css("width", entry - 22);
}

container();
我正在做这件事的网站是
谢谢所有能帮上忙的人,我真的很烦

你好,请看这里的演示:

您可以在单击“增长”按钮时读取逻辑

旧解决方案的分叉。:)(请让我知道这是否是你正在寻找的,如果不是,我将删除此帖子)

Jquery代码

function increaseVideoSize() {
    var columnWidth = 450; // width of your content column - any
    var defaultVideoWidth = 400; // theme tag width - 400,500
    var increaseRatio = columnWidth/defaultVideoWidth;
    $(".video-post").each(function() {
        var iframe = $("iframe", this);
        if(iframe.length>0) {
            var currHeight = iframe.height();
            var newHeight = currHeight * increaseRatio;
            iframe.height(newHeight).width(columnWidth);
        } else {
            var object = $("object", this);
            var embed = $("embed", object);
            var currHeight = object.attr('height');
            var newHeight = currHeight * increaseRatio;
            object.width(columnWidth).attr('height', newHeight);
            embed.width(columnWidth).attr('height', newHeight);
        };
    });
};​

你用哪个视频播放器?我不控制,tumblr控制。这都是关于Tumblr主题的。D:可以是YouTube、Vimeo或Tumblr的播放器。。。我更喜欢一个不管发生什么都能用的脚本(如果你知道我的意思,就不取决于公司的玩家)。这就是为什么我有iFrame、嵌入和对象的代码?这是tumblr的一个工作示例,否则您可以提供JSFIDLE我可以看看我能做什么,干杯,布鲁夫!我是新来的。。。你介意将相同的代码嵌入到我以前使用的代码中吗?显然,这是在取代我(愚蠢的)调整视频大小的尝试。是的,这似乎正是我想要的。。。我只需要帮助就可以将所有内容整合到一个代码中。Hiya@JamesCharless您可以用上面提到的一个来替换您的调整大小功能
increaseVideoSize
,并确保您的类设置为collect,即
“。video post”
一切正常;Jsfiddle将帮助您了解它是如何组合在一起的,并将代码从Jsfiddle分割到您的代码中,然后进行尝试,希望这能有所帮助!干杯,兄弟!你能提供一个大代码吗?(我原来的+你的新)?这对我来说会容易得多,我不知道如何将两者结合起来;我可以给你一些提示我很难合并你的代码别担心,因为你只需要将JSFIDLE代码放在你的代码中,删除或注释掉旧的调整大小的代码。嗯,显然,因为你是新的,它只需要几次尝试,但想一想,就像你想任何语言中的对象一样,让我知道它是如何运行的,不是吗正在工作,当无限滚动被激活时会中断:C