时间戳

首页 > 解决方案 > 视频结束时的视频反应回调？

reactjs - 视频结束时的视频反应回调？

问题描述

视频以视频反应结束时是否有回调？我需要这样做，以便只有当用户到达视频末尾时，另一个组件才可用（出现在页面上）。

这是我的播放器组件：

export default props => {
    return (
      <Player poster={poster} fluid="false" on="ended">
        <BigPlayButton position="center" />
        <source src={video} />

        <ControlBar>
          <ReplayControl seconds={10} order={1.1} />
          <VolumeMenuButton enabled />
        </ControlBar>
      </Player>
    );
  };```

标签： reactjscallbackvideo-reactjs

解决方案

看起来<Player>接受了一个未记录的onEnded道具：https ://github.com/video-react/video-react/blob/5ba018d095c9a00572d91ecbf853450a150f480f/src/components/Player.js#L44

我对库不够熟悉，不知道这是否与Player您正在导入的相同或是否有包装器，但似乎值得一试。

推荐阅读