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

如何解决HTML5 <video> 元素在 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>
        );

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

解决方法

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>