使用jquery更改css值

我一直希望使用jQuery来更改两个CSS值。我需要调整Youtube视频iframe的宽度和高度，然后用户调整浏览器窗口大小。使用jquery更改css值

这里是我的代码：

function resizeWP(width, height) { 
$("#1").text("RESIZING webpage"); 

var layer_width = $("#red").width(); 
var layer_height = $("#red").height(); 
var string_width = layer_width.toString(); 
var string_height = layer_height.toString(); 
$("#2").text(string_width); 
$("#3").text(string_height); 

$("iframe").css({"width":"1250px","height":"800px"}); 
} 

$(window).resize(function() { 
resizeWP(); 
});

我几乎没有。只需要一些帮助越过顶部。在此先感谢。

来源

2014-01-12 Ola Dunk Nordmann

那么，如果你将iframe的宽度和高度更改为固定大小，为什么你会有所有这些变量？ – LorDex

更改$("iframe").css({"width":"1250px","height":"800px"});至$("iframe").css({"width": layer_width + "px","height": layer_height + "px"});。

但是，用CSS做这件事会更好。

我希望我能正确理解你。

来源

2014-01-12 23:13:27 sheng

我已经在CSS中完成了这项工作，但是如果访问者选择调整其浏览器的大小，则YouTube视频所在的iframe将显示滚动条。所以我想到了iframe中的宽度和高度的CSS值的动态变化会对抗这一点。我知道这可能是一个更好的解决方案，但我想试试这个。这是了解更多信息的好方法。无论如何，感谢您的帮助。 –

试图发布截图，但首先需要10个声望。试图imagehost： http://imageshack.com/a/img855/8061/n735.jpg –

当我改变了包含嵌入的YouTube视频的IFRAME的宽度和高度时，播放器很好地缩放。如果你只是在你的网页上有一个YouTube播放器，使用这个：'iframe {position：absolute; top：0;左：0;宽度：100％;身高：100％;}'。告诉我你是否需要更多帮助。我无法在我的评论中提供所有选项。 :) – sheng

使用jquery更改css值

回答

相关问题