Video.js相关踩坑

  const player = videojs('tb');
        console.log(player);
        const Button: any = videojs.getComponent('Button');
        const progressControl = videojs.getComponent('progressControl'); // 获取进度条控件
        const ProgressControl = new progressControl(player, {});
        const pause = new Button(player, {
            controlText: isPlay,
            className: 'vjs-visible-text',
            clickHandler: (event) => {
                if (playerRef.current.paused()) {
                    playerRef.current.play();
                    // 这里面不能set 会导致视频刷新
                    // setIsPlay('暂停')
                } else {
                    playerRef.current.pause();
                }
            }
        });
        const play = new Button(player, {
            controlText: 'play',
            className: 'vjs-visible-text',
            clickHandler: (event) => {
                playerRef.current.paused() ? playerRef.current.play() : playerRef.current.pause();
            }
        });
        player.addChild(pause).addChild(ProgressControl);

创建自定义组件