2 posts tagged with "ios"

📺️ 对于 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 设备在内联模式下播放视频的方式。

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

解决问题方法：​

• 添加 input 样式

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input {
    font-size: 16px;
  }
}