菜单

解决icefox视频同时播放问题

2025-12-12 阅读 0 评论

今天看到群友反馈点击视频播放的时候多个视频会同时播放,所以今天来教大家如何修复这个问题。

document.addEventListener('DOMContentLoaded', function() {
let currentlyPlayingVideo = null;
const allVideos = document.querySelectorAll('.post-video video');
allVideos.forEach(video => {        
    video.addEventListener('play', function() {
        if (currentlyPlayingVideo && currentlyPlayingVideo !== this) {                
            currentlyPlayingVideo.pause();
        }       
        currentlyPlayingVideo = this;
    });
       
    video.addEventListener('pause', function() {          
        if (currentlyPlayingVideo === this) {
            currentlyPlayingVideo = null;
        }
    });
    video.addEventListener('ended', function() {          
        if (currentlyPlayingVideo === this) {
            currentlyPlayingVideo = null;
        }
    });               
    video.addEventListener('abort', function() {
        if (currentlyPlayingVideo === this) {
            currentlyPlayingVideo = null;
        }
    });
});

   
document.addEventListener('visibilitychange', function() {
    if (document.hidden && currentlyPlayingVideo) {
        currentlyPlayingVideo.pause();
        currentlyPlayingVideo = null;
    }
});});



复制上方代码到主题设置里面自定义JavaScript里面保存就解决了

----- 本页内容已结束,喜欢请分享 -----

免责声明

一、内容声明
本站所有文章内容均为个人学习、研究和经验分享,仅供参考,不构成任何专业建议或承诺。读者应自行判断内容真实性,并承担使用风险。

二、版权声明
本站文章采用 CC BY-NC-SA 4.0 协议进行许可。转载需注明出处,不得用于商业用途。

三、免责条款
对于因使用本站内容而产生的任何直接、间接损失,本站及作者不承担任何责任。技术操作有风险,请在专业人士指导下进行。

四、联系方式
如发现侵权内容或存在问题,请通过网站联系方式及时反馈,我们将在核实后第一时间处理。

作者:尘苍
发布于:2025-12-12
作者头像

尘苍

以尘渡山海,枕苍听晚风。一身风尘,满目苍茫,心向山河,不问归途。

我是尘苍,以尘为念,以苍为怀。偏爱人间烟火,亦喜山河辽阔,在浮沉俗世里沉淀心性,于岁月苍茫中温柔自持,随心随性,向阳而生,静度时光,不问纷扰。

联系邮箱:未设置

评论 0

暂无评论

👍👍👍

2025-12-12 08:46 回复

发表评论