javascript - 多个视频同时播放时如果暂停其他的，只播放一个

问题描述

问 题

各位，我有个问题想请教一下，页面中有好几个视频，我希望在所有的视频都播放的时候，当该视频滚动出页面的时候，暂停该视频，但是我用if语句写完后，只有从第一个视频到最后一个视频这么播放是可以的，但是从最后一个视频播放到第一个就不行，这是为什么呢。。

http://fms.news.cn/swf/spring_sjxw_2016/index.html

以上是测试页面。。

解决方案

看了一下你的源码，

`        if($scrollTop > 1300 || $scrollTop < 400){
            $('#gd_video').find('video').get(0).pause();
        }else{
            $('#gd_video').find('video').get(0).play();
        }
        
        if($scrollTop > 2100 || $scrollTop < 1300){
            $('#fj_video').find('video').get(0).pause();
        }else{
            $('#fj_video').find('video').get(0).play();
        }`
    
    假如你从第二个视频点击的话，第一个视频就没有加载到dom中，上面代码中的第一个if else就会被阻塞，第二个if else也不会执行。唉语言组织有点乱，上改过的代码吧。


if($('#gd_video').find('video').get(0) != undefined){
            if($scrollTop > 1300 || $scrollTop < 400){
                $('#gd_video').find('video').get(0).pause();
            }else{
                $('#gd_video').find('video').get(0).play();
            }
        }
        
        if($('#fj_video').find('video').get(0) != undefined){
            if($scrollTop > 2100 || $scrollTop < 1300){
                $('#fj_video').find('video').get(0).pause();
            }else{
                $('#fj_video').find('video').get(0).play();
            }
        }

这篇关于javascript - 多个视频同时播放时如果暂停其他的，只播放一个的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！