使用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值

回答

相關問題