Автозапуск удаляется из 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

React чувствителен к регистру, поэтому вы должны использовать autoPlay вместо autoplay
как это:

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