HTML5 <video> 元素在 React js 中不起作用

Question

我已将 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>
        );

播放器正在打开，但没有任何控件工作，也没有播放视频。 我是否错过了添加任何包或标签>？请告诉我。

Answer 1

Chrome 会停止所有打开音频的视频的自动播放，因此您添加 muted 属性，还添加 playinline 属性以在 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>