javascript - 如何通过 webpack 使用 videoJS 和 videoJS 播放列表以及 videoJS 播放列表 ui

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

同样的问题

这是我的解决方案。只需手动注册 playlist-ui 插件即可。

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

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