html React.js中的视频未自动播放

j8ag8udp 于 2022-12-16 发布在 React

关注(0)|答案(1)|浏览(148)

我尝试了几种不同的修复方法，但我不明白为什么我在react应用程序中使用的这个视频不能播放。我添加了autoplay和muted属性，但它仍然不能播放。当我以纯HTML格式运行它，但不使用react时，它工作得很好。以下是代码：

<video width="518" height="518" loop autoplay preload="auto" playsinline="true" style={{maxWidth: "518px"}} muted>
    <source src="https://media.tenor.com/f02cT4A-dC4AAAPo/speechless-shocked.mp4" type="video/mp4" />
      <source src="https://media.tenor.com/f02cT4A-dC4AAAPs/speechless-shocked.webm" type="video/webm" />
      Your browser does not support video.
  </video>

Html

来源：https://stackoverflow.com/questions/74792879/video-in-react-js-not-autoplaying