问题描述
我已将 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>