javascript - React 样式组件无法识别视频标签的 HTML 属性 'autoplay'

Question

我有一个样式化组件，它可以为视频标签设置样式。

const Video = styled.video`
  ...
`

我也是这样用的

<Video width='200px' height='200px' autoplay='autoplay' muted loop>
  <source src={img.src} type='video/mp4' />
</Video>

但是 autoplay 属性不起作用，当我使用 Devtools 检查元素时也没有显示。宽度、高度和循环等其他属性是可见的。

但是，当我使用普通视频标签时，自动播放有效，并且在我检查元素时可以看到。

<video width='200px' height='200px' autoplay='autoplay' muted loop>
  <source src={img.src} type='video/mp4' />
</video>

知道为什么样式组件无法识别自动播放属性吗？

Answer 1

尝试使用autoPlay代替autoplay

<Video ... autoPlay />

引用:

'autoplay' attribute