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

Javascript JS视频播放器,具有停止和回答问题的功能,javascript,reactjs,video,question-answering,Javascript,Reactjs,Video,Question Answering,有没有一个相当完整的解决方案,可以让视频播放器一次停止编码,显示一些问题,然后再播放视频?就像coursera.org上的一样。看起来他们的播放器是基于video.js的,但它是定制的。我正在寻找一个球员,已经有了这一功能,以便我可以自定义问题或任何东西。有人建议我应该用什么吗 //如果它是一个react组件,我会非常高兴:)有一个软件包可以让您这样做: import ReactPlayer from 'react-player' class App extends Component {

有没有一个相当完整的解决方案,可以让视频播放器一次停止编码,显示一些问题,然后再播放视频?就像coursera.org上的一样。看起来他们的播放器是基于video.js的,但它是定制的。我正在寻找一个球员,已经有了这一功能,以便我可以自定义问题或任何东西。有人建议我应该用什么吗

//如果它是一个react组件,我会非常高兴:)

有一个软件包可以让您这样做:

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}
      />
    )
  }
}
从“react player”导入react player
类应用程序扩展组件{
持续时间{
console.log('此函数将每秒调用一次')
}
渲染(){
返回(
)
}
}

“有人对我应该使用什么有建议吗?”-问这类问题的网站不同,因为在这里询问关于外部资源的建议显然是离题的。因此,这意味着我应该自己每秒钟检查一次时间代码,如果是时间,我会暂停视频,然后我必须再次显示一个覆盖图,上面有我自己的一些问题。对吗?如果是这样的话,这是一个可以在任何玩家身上完成的定制,但是我正在寻找一些具有开箱即用功能的东西来停止并显示问题。我怀疑它是否存在,尤其是在react.js上。而您可以在几分钟内制作出一个像样的控制组件