video标签点开自动全屏播放
时间: 2023-11-03 20:53:13 浏览: 249
视频播放全屏
5星 · 资源好评率100%
如果您想在H5页面中使用video标签来播放视频,并且不希望视频在点开后自动全屏播放,您可以采取以下方法:
1. 在video标签中添加属性"playsinline",该属性是为了在iOS Safari浏览器中阻止视频自动全屏播放。例如:
<video id="post" autoplay loop preload="auto" playsinline>
</video>
2. 如果您的视频不需要自动播放,而是在页面加载完成后通过JavaScript调用播放方法来实现,您可以将autoplay属性移除,并在页面加载完成时使用JavaScript代码来触发播放方法。例如:
<video id="post" loop preload="auto">
</video>
在页面加载完成时调用JavaScript方法播放视频。
通过以上两种方法,您可以实现在H5页面中使用video标签播放视频时,阻止视频自动全屏播放的需求。
阅读全文