如何使用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();并看到此错误

  

未捕获的TypeError：player.playlistUi不是函数

Answer 1

同样的问题

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

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

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