Javascript 对于同一个函数，Resize和DOM的不同结果准备好了吗？

假设这段代码将元素居中，它可以完美地调整大小，但在DOM第一次准备就绪时就不行了。我必须调整窗口的大小以获得所需的结果。我不知道是什么原因造成的…这是相同的功能

        $(document).ready(center);
        $(window).on('resize', center);

        function center(){
            $('#vid').css({
                'position' : 'absolute',
                'left' : '50%',
                'top' : '50%',
                'margin-left' : -$('#vid').width()/2,
                'margin-top' : -$('#vid').height()/2
            });
        }

---

我做了一把小提琴，看不出你的问题！我现在很困惑，因为当我使用相同的代码时，在JSFIDLE中会得到不同的结果。。。现在，它也不以调整大小为中心。但这是我能复制的最接近于我拥有的：@user251765-请确保将javascript库添加到

标记中。似乎是视频宽度的初始计算大于它实际造成的定心灾难。。。我不知道为什么在。。。但我花了几个小时试图修复一件非常简单的事情。