Javascript React中的Video.js播放列表

我试图让React video.js示例与videojs播放列表插件一起使用，但我一直遇到以下错误：

Uncaught TypeError:this.player.playlist不是函数

。我的组成部分如下：

import React from 'react';
import videojs from 'video.js';
import 'videojs-playlist';

const VideoControl = React.createClass({ 
    componentDidMount() {

      this.player = videojs(this.videoNode);

      this.player.playlist([{
          sources: [{
            src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
            type: 'video/mp4'
          }],
          poster: 'http://media.w3.org/2010/05/sintel/poster.png'
        }, {
          sources: [{
            src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
            type: 'video/mp4'
          }],
          poster: 'http://media.w3.org/2010/05/bunny/poster.png'
    }]);
  },

  // destroy player on unmount
  componentWillUnmount() {
    if (this.player) {
      this.player.dispose();
    }
  },


  render() {
    return (

            <div data-vjs-player>
              <video ref={ node => this.videoNode = node } className="video-js"></video>
            </div>

    )
  }
})

export default VideoControl;

从“React”导入React；
从“video.js”导入videojs；
导入“videojs播放列表”；
const VideoControl=React.createClass（{
componentDidMount（）{
this.player=videojs（this.videoNode）；
此.player.playlist([{
资料来源：[{
src:'http://media.w3.org/2010/05/sintel/trailer.mp4',
类型：“视频/mp4”
}],
发信人:'http://media.w3.org/2010/05/sintel/poster.png'
}, {
资料来源：[{
src:'http://media.w3.org/2010/05/bunny/trailer.mp4',
类型：“视频/mp4”
}],
发信人:'http://media.w3.org/2010/05/bunny/poster.png'
}]);
},
//卸载时摧毁玩家
组件将卸载（）{
if（this.player）{
this.player.dispose（）；
}
},
render（）{
返回(
this.videoNode=node}className=“video js”>
)
}
})
导出默认视频控制；

---

videojs播放列表似乎没有将自己作为插件添加到videojs中。我在最新的反应和网页。谢谢

结果是一个网页问题。我通过以下几点做到了：

import 'expose-loader?videojs!../../../../node_modules/video.js/dist/video.js';
require("script-loader!../../../../node_modules/videojs-playlist/dist/videojs-playlist.js");

---

结果是一个网页问题。我通过以下几点做到了：

import 'expose-loader?videojs!../../../../node_modules/video.js/dist/video.js';
require("script-loader!../../../../node_modules/videojs-playlist/dist/videojs-playlist.js");

工作内容：

"video.js": "~7.0.3",
"videojs-playlist": "~4.2.1"

工作内容：

"video.js": "~7.0.3",
"videojs-playlist": "~4.2.1"

---

videojs

初始化是否可能是异步的？尝试使用

this.player

和

this.player.playlist

的console.log添加一个setInterval，看看它是什么，我们可以从there@Grandas好主意！不幸的是，播放列表似乎一直未定义。您能否将此行

导入“videojs播放列表”

更改为

从“videojs播放列表”导入vPlaylist

@Muhaimin，这似乎没有帮助。谢谢你！

videojs

初始化是否可能是异步的？尝试使用

this.player

和

this.player.playlist

的console.log添加一个setInterval，看看它是什么，我们可以从there@Grandas好主意！不幸的是，播放列表似乎一直未定义。您能否将此行

导入“videojs播放列表”

更改为

从“videojs播放列表”导入vPlaylist

@Muhaimin，这似乎没有帮助。谢谢你！