反应材料 UI 卡媒体视频组件无法播放

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
/>