呈现后，自动播放将从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>
    )
  }
}

生成的

<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标记中删除。感谢您的建议

更新

我自己认为，这种反应是对camelcase敏感的，它支持autoPlay而不是autoplay。

Answer 1

React是camelcase敏感的，所以您应该使用autoPlay而不是autoplay

就像这样：

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