视频 HTML 标签未在 React.js 中播放

Question

我的视频显示了第一帧，但它没有自动播放，我也看不到视频的任何控件。

https://codesandbox.io/s/awesome-wildflower-np18f?file=/src/App.js

Answer 1

import "./styles.css";

export default function App() {
  return (
    <>
      <header>
        <video autoPlay muted loop id="homeVideo"> //  I changed autoplay to autoPlay
          <source
            src="https://socialarthouse.s3.us-east-2.amazonaws.com/Black.mp4"
            type="video/mp4"
          />
          Your browser does not support HTML5 video.
        </video>
      </header>
    </>
  );
}

Answer 2

向视频元素添加控件属性。并添加播放视频的 onLoad 处理程序。

<video controls onload='this.play()'/>

视频 HTML 标签未在 React.js 中播放

Video HTML tag is not playing in React.js

html

video

reactjs