优化 Handsome 时光机多个视频同时播放导致体验差的尴尬

博主：哈辛达
发布时间：2020 年 07 月 31 日
2673 次浏览
1 条评论
801字数
分类：默认建站

Handsome 时光机当发表多个视频后，同一页面点击多个视频窗口会被同时播放，严重影响观看体验，来自 @Rainerc、@鸿 两大兄弟的改良方案，当用户正在播放 A视频的同时去点击播放 B视频，A视频自动暂停，这样大大节省了宽带的使用和提升视频的加载速度。

方法

登录后台，进入Handsome 开发者设置，在自定义输出body 尾部的HTML代码 添加以下代码

<script type="text/javascript">
function playerautopasue() {
    window.videos = document.getElementsByTagName('video');
    for (var i = 0; i < window.videos.length; i++) {
        window.videos[i].addEventListener('play',
        function() {
            for (let j = 0; j < window.videos.length; j++) {
                if (window.videos[j] != this) window.videos[j].pause();
            }
        });
    }
}
playerautopasue();
</script>

在 PJAX回调函数 添加以下代码