如何使用 videoJS 和 videoJS 播放列表和 videoJS 播放列表 ui 与 webpack

Question

我有一个使用 symfony 的项目，我在前端使用 encoreJS。 实际上我为视频列表制作了一个播放器并且它工作正常。 但我想使用 videojs-playlist-ui 制作这个 example

但是当我将 videojs-playlist-ui 与 webpack

一起使用时

import videojs from 'video.js';
require('videojs-playlist');
require('videojs-playlist-ui');

并且在创建播放器之后它可以工作然后在这个播放器不工作之后让 player.playlistUi(); 看到这个错误

Uncaught TypeError: player.playlistUi is not a function

Answer 1

同样的问题

这是我的解决方案。只需手动注册播放列表-ui插件。

import videojs from 'video.js'
const playlistUi = require('videojs-playlist-ui');

videojs.registerPlugin('playlistUi', playlistUi.default);