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

Question

我想在cloudinary react Video组件上调用.play((方法。我试图在视频组件上添加一个ref，但当我在ref上调用play时，它不会被转发到视频标签。 <Video ref={this.videoPlayer} />

如果我在组件上点击，它会被转发到视频标签并开始播放： <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