Javascript 为什么'；t$（window）.resize（）对我有用吗？

我正在进行一个项目，我的目标是使一个带有嵌入式iframe的视频播放器在不同屏幕尺寸上观看时能够响应。我认为最好的方法是使用resize函数。但是，每次在许多不同的配置中，我都试图使用resize函数，但它不起作用。我希望每次调整屏幕大小后，文本都会记录到控制台上，但实际上它根本不会被记录，或者在加载屏幕时只记录一次，以后再也不会记录

为什么会发生这种情况

我知道我的jQuery是正确的，因为我在不同的函数中记录其他内容（比如宽度和高度）

window.onload=function（）{
$（文档）.ready（函数（）{
console.log（“
我的目标是使带有嵌入式iframe的视频播放器在不同屏幕尺寸上观看时具有响应能力
您应该为此使用CSS媒体查询，而不是JSI尝试过，但是嵌入式的CSS编码糟糕。我知道如何使用CSS。您不需要
$（文档）.ready
嵌套在
窗口内。onload
。文档就绪处理程序附加到
onload
@War10ck之前触发的事件，谢谢。我知道现在
我的目标是使带有嵌入式iframe的视频播放器在不同屏幕尺寸上观看时具有响应能力
您应该使用CSS媒体查询进行此操作n、 不是JSI试图这么做的，但是嵌入的css是糟糕的编码。我知道如何在css中这样做。你不需要
$（document）。ready
嵌套在
窗口中。onload
。document ready处理程序附加到
onload
@War10ck之前触发的事件，谢谢。我现在知道了
            window.onload = function() {
                $(document).ready(function(){
                    console.log(' <-GoT Here. You FOOL!');

                    var iframe = $('iframe');
                    var videoplayerW = iframe.width(); //640
                    var videoplayerH = $('iframe').height(); //150
                    console.log(videoplayerW, videoplayerH, ' <-This The width and height of iframe.'); //560 and 315


                    var ytplayer = $('#ytplayer');
                    console.log(ytplayer.width(), ytplayer.height(), ' <-This is the ytplayer demonsions'); //undefined

                    iframe.each(function(){
                        $(this)
                            .attr('style', this.height, this.width)
                            .removeAttr('height')
                            .removeAttr('width');
                    });

                    console.log(iframe.width());

                });

            }       

            $(document).ready(function(){
                $(window).resize(function(){
                    console.log('Should have a bunch of numbers');
                });
            });