我创建了一个反应组件来播放视频。 该组件正在播放视频,但回调没有被触发。
class VideoPlayer extends React.Component {
componentWillMount () {
console.log('Mounting here');
}
changeThis () {
console.log("Ended");
}
render () {
var notice = this.props.notice;
var p = "./data/video/" + notice.path + '?' + Math.random();
return (
<div key={notice.id}>
<video className="image" alt={notice.description} onEnded={this.changeThis.bind(this)} controls autoPlay>
<source src={p} type="video/mp4" />
No suppoty
</video>
</div>
)
}
}
未调用onEnded函数。我做错了什么。
答案 0 :(得分:15)
ReactJS(0.14.0-rc1)现在支持媒体事件(视频和音频): https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html
我已经测试过onEnded
和onTimeUpdate
- 效果很好!