用jquery調整iframe的響應大小

你好，我試圖調整我的網絡中的YouTube視頻的大小。我希望他們能夠響應我使用jQuery來做到這一點。我已經成功完成了，但事情是我想要減少YouTube視頻的高度。現在，它太大了。當我嘗試這樣做時，響應功能被刪除。你能否檢查我可以如何減小視頻的大小並保持響應速度？用jquery調整iframe的響應大小

<script> 
function update_iframe_size(){ 
    var parent_id = $("iframe").parent().attr("id"); 
    if (parent_id == "main_video") { 
    var parent_class = $("iframe").parent().attr("class"); 
    var parent_width = $("iframe").parent().width(); 
    console.log(parent_class); 
    var width = $("iframe").css("width"); // $("iframe").width(); 
    var height = $("iframe").css("height"); 
    var ratio = parseInt(height)/parseInt(width); 
    var new_height = parseInt(parent_width) * ratio 
    $("iframe").css("width", parent_width); 
    $("iframe").css("height", new_height); 
    } 
} 
update_iframe_size() 
$(window).bind("resize", function(){ 
    // alert("reized"); 
    update_iframe_size(); 
}); 
</script>

我試圖降低我做$("iframe").css("height", new_height*0.7); 但隨後的高度設置爲一個我想要的高度。但響應速度會變得混亂。

來源

2016-02-26 winixxee

你爲什麼不使用'這個CSS class'：'寬度：100％;身高：100％'？ – Rayon

然後響應得到搞砸 – winixxee

工作演示會澄清你的問題... – Rayon

Refer following link: iFrame always take height and width 100% depends on parent div/element which is position relative.

http://jsfiddle.net/masau/7wrhm/

來源

2016-02-26 04:51:07

是啊我看到了，這是我輸入iframe javascript時第一件事。 – winixxee

我可以知道你想要什麼，所以我會幫你。 –

用jquery調整iframe的響應大小

回答

相關問題