弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 1921|回复: 2

【jQuery】多Video的唯一播放函数。

[复制链接]
发表于 2020-7-5 10:55:59 | 显示全部楼层 |阅读模式
$(function () {
    var videos = $('video');
    for (var i = videos.length - 1; i >= 0; i--) {
        (function (n) {
            videos[n].addEventListener('play', function () {
                pauseAll(n);
            })
        })(i)
    }

    function pauseAll(index) {
        for (var j = videos.length - 1; j >= 0; j--) {
            if (j != index) {
                videos[j].pause();
                videos[j].load();
            }
        }
    };
});
回复

使用道具 举报

 楼主| 发表于 2020-7-5 12:30:31 | 显示全部楼层
hondy.net视频播放应用:
    var videos = $('video');
    for (var i = videos.length - 1; i >= 0; i--) {
        (function (n) {
            if(n==0)return;
            videos[n].addEventListener('play', function () {
                pauseAll(n);
            })
        })(i)
    }

    function pauseAll(index) {
        videos[0].pause();
        var src=videos[0].src;
        videos[0].src=videos[index].src;
        videos[index].src=src;
        var title=videos.eq(0).closest("li").find(".title").html();
        videos.eq(0).closest("li").find(".title").html(videos.eq(index).closest("li").find(".title").html());
        videos.eq(index).closest("li").find(".title").html(title);
        videos[0].play();
        $("html, body").animate({
            scrollTop: $("#Video").offset().top
          }, {
            duration: 500,
            easing: "swing"
          });
    };
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-7-5 22:28:37 | 显示全部楼层

自动播放

$("video").get(0).play();
$("video")[0].play();
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-24 03:12 , Processed in 0.047655 second(s), 16 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表