时间戳

首页 > 解决方案 > 渲染后从 HTML 中删除自动播放

reactjs - 渲染后从 HTML 中删除自动播放

问题描述

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

主页.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>

我不明白为什么以及如何从标签中删除autoplayand 。建议表示赞赏mutedvideo

更新

我自己想出来，反应是骆驼大小写敏感的，它支持autoPlay而不是autoplay.

标签： reactjsvideo

解决方案

React 是驼峰式大小写敏感的，所以你应该使用autoPlay而不是autoplay
这样：

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

推荐阅读