具有停止和回答问题功能的 JS 视频播放器

Question

是否有一个非常完整的解决方案，让视频播放器可以在时间码处停止，显示一些问题，然后再次播放视频？就像 coursera.org 所拥有的一样。看起来他们的播放器是基于 video.js 的，但它是定制的。我正在寻找一个已经具有该功能的播放器，以便我可以自定义问题或其他任何东西。有没有人建议我应该使用什么？

// 如果它是一个反应组件，我会非常高兴:)

Answer 1

有react-player 包可以让你这样做：

import ReactPlayer from 'react-player'

class App extends Component {
  onDuration() {
    console.log('this function will be called every second')
  }

  render () {
    return (
      <ReactPlayer 
        url='your_video_url' 
        playing
        onDuration={this.onDuration}
      />
    )
  }
}