reactjs - React Material UI CardMedia 视频组件未播放

Question

我看到缩略图，但无法开始或停止视频，还有什么方法可以让它自动播放和重复吗？

https://material-ui.com/api/card-media/

<CardMedia
component="video"
image='/video.mp4'
title='title'
/>                       

Answer 1

要显示控件，您需要添加控件属性以在渲染时显示控件(这没有记录，但 html5 中的视频控件我们需要设置 controls 属性来显示它)。

另外，不要忘记添加具有 mui 文档指定的特定高度的样式。 https://material-ui.com/api/card-media/#cardmedia-api

<CardMedia
component="video"
image='/video.mp4'
title='title'
controls
/>