用jquery调整iframe的响应大小

Question

你好，我试图调整我的网络中的YouTube视频的大小。我希望他们能够响应我使用jQuery来做到这一点。我已经成功完成了，但事情是我想要减少YouTube视频的高度。现在，它太大了。当我尝试这样做时，响应功能被删除。你能否检查我可以如何减小视频的大小并保持响应速度？

<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); 但随后的高度设置为一个我想要的高度。但响应速度会变得混乱。

Answer 1

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

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