渲染后，自动播放将从HTML中删除

Question

我正在实现HTML以响应生成视频autoplay并遇到问题
这就是我的文件的样子

home.js

import video_two from './../images/tab-sidebar.mp4';

class Noticias extends Component {
  render() {
    return(
      <video autoplay muted loop class="hide-tablet video-2">
        <source src={video_two} type="video/mp4" />
        <p>Joykal Infotech</p>
      </video>
    )
  }
}

生成的HTML

<video loop="" class="hide-tablet">
  <source src="/static/media/noticias-full-website-scroll.069654da.webm" type="video/webm">
  <p>Joykal Infotech</p>
</video>

我不明白为什么将autoplay和muted从video标记中删除。建议表示赞赏

更新

我自己认为它的反应是骆驼区分大小写的，它支持autoPlay而不是autoplay。

Answer 1

反应对骆驼色敏感，因此您应该使用autoPlay而不是autoplay
像这样：

<video autoPlay muted loop class="hide-tablet video-2">
  <source src={video_two} type="video/mp4" />
  <p>Joykal Infotech</p>
</video>