javascript - 浏览器宽度低于950px时如何动态调用jquery函数？

我正在尝试调整视频的大小，以便仅在浏览器宽度降至960像素以下时才填充其容器的100％。由于与内联样式有关的原因，我在jquery中编写了此简单函数。如果工作正常-但仅在加载窗口时调用它。

$(document).ready(function(){
    if ($(window).width() < 950) {
        $("video").width("100%");
    }
});

我将如何编写类似的jquery函数，该函数可以在调整浏览器窗口大小时动态更改视频的宽度？我尝试了以下方法，但无济于事。

$(window).resize(function() {
if ( $(window).width() < 950) {
    $("video").width("100%");
}
});

*编辑*这是新的视频html代码:

<div id="sliderbg">
   <div class="container">
      <div id="slider" class="row">
      <div class="eight columns">
    <div id="text-6" class="widget widget_text">            <div class="textwidget"><br>
<video id="wp_mep_1"   width="600" height="330" poster="http://www.first1444.com/wp-content/themes/lightningyellow/images/poster.png" controls="controls" preload="none"  >
    <source src="http://first1444.com/wp-content/themes/lightningyellow/videos/robotintro.mp4" type="video/mp4" />
    <object width="600" height="330" type="application/x-shockwave-flash" data="http://www.first1444.com/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf">
        <param name="movie" value="http://www.first1444.com/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf" />
        <param name="flashvars" value="controls=true&amp;file=http://first1444.com/wp-content/themes/lightningyellow/videos/robotintro.mp4" />
    </object>
</video>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#wp_mep_1').mediaelementplayer({
    m:1

    ,features: ['playpause','current','progress','volume','tracks']

});
});
</script>

<br/><h6 id="tagline">See <b><i>FIRST</i></b> Team #1444 in action building this years robot</h6>
</div>
</div><script type="text/javascript">
$(document).ready(function() {
if ( $(window).width() < 960) {
    $("video").width("100%");
}
});
</script>

</div><!-- eight columns -->

顺便说一下，我正在使用基础CSS框架。我怀疑那会导致问题。

最佳答案

你有错字。它应该是:

$(window).resize(function() {

resize()文档:http://api.jquery.com/resize/

关于javascript - 浏览器宽度低于950px时如何动态调用jquery函数？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9319641/