Reactjs HTML5<；视频>；元素在React js中不工作

我已经将一个HTML模板转换为React js，现在我无法播放视频，我已经给出了属性

autoPlay=“true”

。但它仍然不起作用。有人能帮我吗

下面是我的视频播放器代码：

       return(
            <div>
                <video width="400" controls autoPlay="true">
                <source src="mov_bbb.mp4" type="video/mp4"/>
                <source src="mov_bbb.ogg" type="video/ogg"/>
                Your browser does not support HTML video.
            </video>
            <p>
            Video courtesy of 
            <a href="<network url of video>" target="_blank">Video is Playing</a>.
            </p>
            </div>
        );

返回(
您的浏览器不支持HTML视频。

视频由
.

);

播放机正在打开，但没有任何控件工作，也没有播放视频。

---

我是否错过了添加任何包或标签>？请让我知道。

Chrome停止自动播放所有打开音频的视频，因此您可以添加静音属性，也可以添加playsinline属性以在safari中播放

<video width="400" controls autoPlay={true} muted playsInline >
                <source src="mov_bbb.mp4" type="video/mp4"/>
                <source src="mov_bbb.ogg" type="video/ogg"/>            
</video>

---

这可能会有帮助：非常感谢Goutham J.M.明白了，现在我必须定制视频控制。