Skip to main content

One post tagged with "video"

View All Tags

· One min read
Jeffrey

📺️ 对于 iOS 系统上的移动端,你可以通过以下方法禁止视频自动全屏播放:

1️⃣ 在<video>元素上添加playsinline属性,例如:

<video src="video.mp4" playsinline></video>

这将告诉 iOS 设备在内联模式下播放视频,而不会自动全屏。

2️⃣ 在<video>元素上的 JavaScript 代码中添加webkit-playsinline属性,例如:

var video = document.getElementById('myVideo')
video.setAttribute('webkit-playsinline', 'true')

或者直接添加标签中。

<video src="video.mp4" playsinline webkit-playsinline="true"></video>

这也是告诉 iOS 设备在内联模式下播放视频的方式。

请注意,虽然使用上述方法可以禁止视频自动全屏播放,但用户仍然可以手动切换到全屏模式。