iOS WKWebView 播放视频时禁用自动全屏播放

最新推荐文章于 2025-11-29 02:19:31 发布

原创最新推荐文章于 2025-11-29 02:19:31 发布 · 5.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ios

收录于

炒冷饭专栏收录该内容

75 篇文章

订阅专栏

本文介绍了在HTML5视频标签中启用webkit-playsinline和playsinline属性，以及在WKWebView中设置allowsInlineMediaPlayback的重要性，确保视频在iOS设备上以内联方式播放。通过在HTMLvideo元素中添加webkit-playsinline和playsinline属性，并在WKWebView配置中设置allowsInlineMediaPlayback为YES，可以实现视频在不全屏的情况下播放。

关键属性webkit-playsinline、playsinline、allowsInlineMediaPlayback

需要在html style里面和native 里面同时设置才有效

html video增加样式webkit-playsinline、playsinline

 <video id="video1" preload="auto" controls="" webkit-playsinline="true" playsinline="true" width="100%" height="auto">
   <source src="xxxxx.mp4" type="video/mp4">
    您的浏览器不支持 HTML5 video 标签。
 </video>

native code 设置allowsInlineMediaPlayback

WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
config.allowsInlineMediaPlayback = YES;
WKWebView *webView = [[WKWebView alloc]initWithFrame:CGRectZero configuration:config];