Jquery 仅在调整大小操作时自动播放视频

这是我在这里的第一篇文章。我在这里搜索并找到了一些有用的外部.js文件代码，如果屏幕=1024，它几乎可以100%加载图像而不是视频。如果要调整浏览器窗口的大小，它只会加载视频。此外，.fadein函数也不起作用

最好的，

---

Benjamin

只需将调整大小代码放入函数中，在出现调整大小时调用它，并在启动时调用它。在淡入淡出之前，也将不透明度添加到0

$(document).ready(function() {

        function onResize(){
            var width = $("body").width();
            if(width <= 1024){
                $("#media_div").html("<img src='/img/benhat1280.jpg' />");
            }else{          
                $("#media_div").html('<video src="/img/CT_HQ.mp4" autoplay mute loop />');
                $("#media_div img").css("height","auto");
                $("#media_div").css('opacity', 0);
                $("#media_div").fadeIn(2000);
            }
        }

        $(window).resize(function(){
             onResize();
        };

        onResize();
     });

$（文档）.ready（函数（）{
函数onResize（）{
变量宽度=$（“正文”）.width（）；
如果（宽度），你能给我们提供一个问题的例子吗？也许可以创建一个。
$(document).ready(function() {

        function onResize(){
            var width = $("body").width();
            if(width <= 1024){
                $("#media_div").html("<img src='/img/benhat1280.jpg' />");
            }else{          
                $("#media_div").html('<video src="/img/CT_HQ.mp4" autoplay mute loop />');
                $("#media_div img").css("height","auto");
                $("#media_div").css('opacity', 0);
                $("#media_div").fadeIn(2000);
            }
        }

        $(window).resize(function(){
             onResize();
        };

        onResize();
     });