Jquery 如何使用媒体查询删除视频元素

我有一个在窗口加载时自动播放的视频。但现在我正在做手机版，我想删除它。在我的移动查询中使用display:none删除元素，但视频仍在后台播放。我的html中有一个控制视频淡入淡出的脚本，我考虑只添加一个使用窗口宽度的if-else语句，但运气不好。元素移除，但视频仍在背景中播放。对此的任何指导都将不胜感激

<script type="text/javascript">
$(window).load(function() {

    if($(window).width()<761){
        $('video').get(0).pause();
        $('#intro').remove();
    }
    else{

    $('#intro').fadeIn(10000, function() {
    });

    $('video').bind('ended', function(){

        $('#intro').fadeOut(5000, function() {
        });
     });

     $('button').click(function() {
                $('video').get(0).pause();
                $('#intro').css('display', 'none');

     });
});
}
</script>

$（窗口）。加载（函数（）{
如果（$（window）.width（）您是否尝试从DOM中实际删除元素：

if($(window).width()<761){
        $('video').get(0).pause();
        $('#intro').remove();
    }

if（$（窗口）.width（）是的。尝试了也没用。元素被删除了，但该死的视频一直在后台播放。我认为if/else语句也是错误的，因为当我将屏幕大小增加到100%宽度时也会发生同样的事情。当我删除if/else语句时，我的脚本恢复正常工作，但仍然有移动dilema。谢谢Kevin。我很感激你的帮助。我觉得自己很愚蠢，很抱歉浪费了你的时间，但我最后一个“else”括号是脚本中的最后一行，应该是倒数第二行。现在效果很好。@Addy75很好。我明白你的意思了。
$(window).load(function() {

    if($(window).width()<761){
        $('video').get(0).pause();
        $('#intro').remove();
    }
    else{
    //only add markup when screen size is large enough
    $(document).append('<video style="display:none" width="320" height="240" controls><source src="movie.mp4" type="video/mp4"><\/video>');

    $('#intro').fadeIn(10000, function() {
    });

    $('video').bind('ended', function(){

        $('#intro').fadeOut(5000, function() {
        });
     });

     $('button').click(function() {
                $('video').get(0).pause();
                $('#intro').css('display', 'none');

     });
});
}