如何在cloudinary-react视频组件中控制视频元素

Question

我想在一个有云反应的视频组件上调用.play（）方法。 我试图在视频组件上放置一个引用，但是当我在引用上调用play时，它不会转发到视频标签。 <Video ref={this.videoPlayer} />

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

视频组件上没有播放或暂停的界面，也没有文档。

Answer 1

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

<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