HTML5 видео плеер улучшенный скрипт

Сценарий улучшения видео поддерживает все видео-сайты H5, такие как: Bilibili, Douyin, Tencent Video, Youku, iQiyi, Xigua Video, YouTube, Weibo Video, Zhihu Video, Sohu Video, NetEase Open Course, сетевой диск Baidu, облачный диск Alibaba, Тед, инстаграм, твиттер и т.д. Полное управление клавишами быстрого доступа, поддержка: воспроизведение с удвоенной скоростью/ускоренное воспроизведение, скриншоты видео, картинка в картинке, полноэкранные веб-страницы

< Обсуждения HTML5 видео плеер улучшенный скрипт

Отзыв: Хороший — скрипт работает как нужно

§
Создано: 13.08.2022
Отредактировано: 13.08.2022

b站前端改版导致的空格失效解决方案:

  1. 利用b站注册的对象方法(by xuan l):

    if (keyCode === 32) {
        //t.switchPlayStatus();
        var state = this._player.global.playerState.state;
        if (state === 'paused') {
            this._player.play();
        } else if (state === 'ended') {
            this._player.replay();
        } else {
            this._player.pause();
        }
    }
    

    搜索 if (keyCode === 32) 替换即可

  2. 利用脚本原有逻辑:

    switchPlayStatus: '.bilibili-player-video-btn-start', 里面的部分改成 .bpx-player-ctrl-btn.bpx-player-ctrl-play (上面的那行 autoPlay 同理)

考虑到有可能出现兼容问题, 我建议将第一种改为如下形式, 仅对b站启用

if (window.location.href.match("bilibili")) {
    //t.switchPlayStatus();
    var state = this._player.global.playerState.state;
    if (state === 'paused') {
        this._player.play();
    } else if (state === 'ended') {
        this._player.replay();
    } else {
        this._player.pause();
    }
} else {
    t.switchPlayStatus();
}
ankvpsАвтор
§
Создано: 14.08.2022

b站前端改版导致的空格失效解决方案:

  1. 利用b站注册的对象方法(by xuan l):

    if (keyCode === 32) {
        //t.switchPlayStatus();
        var state = this._player.global.playerState.state;
        if (state === 'paused') {
            this._player.play();
        } else if (state === 'ended') {
            this._player.replay();
        } else {
            this._player.pause();
        }
    }
    

    搜索 if (keyCode === 32) 替换即可

  2. 利用脚本原有逻辑:

    switchPlayStatus: '.bilibili-player-video-btn-start', 里面的部分改成 .bpx-player-ctrl-btn.bpx-player-ctrl-play (上面的那行 autoPlay 同理)

B站的播放、暂停、全屏、网页全屏、下一集快捷键异常问题已修复

Ответить

Войдите, чтобы ответить.