如何控制 cloudinary-react Video 组件中的 video-element

Question

我想在 cloudinary-react Video 组件上调用 .play() 方法。 我试图将 ref 放到 Video 组件上，但是当我在 ref 上调用 play 时，它不会被转发到 video-tag。 <Video ref={this.videoPlayer} />

如果我在组件上放置一个 onClick，它会被转发到视频标签并开始播放： <Video onClick={(e) => e.target.play()} />

视频组件上没有用于播放或暂停的接口，或者只有没有文档。

Answer 1

要向视频添加控件，可以将转换添加到 Cloudinary 视频组件。转换将是：

<Transformation controls="true" />

视频标签如下所示：

<Video publicId="myPublicId" fallbackContent="Your browser does not support HTML5 video tags."> <Transformation controls="true"/> </Video>

您也可以在此处的 Cloudinary 文档中参考此内容： https://cloudinary.com/documentation/react_video_manipulation#example_3