如何在Objective-C的WKWebView中为Facebook内嵌视频及iframe设置playsinline

嘿，我来帮你搞定这个事儿！要让Facebook内嵌视频在WKWebView里实现inline播放，得从WKWebView配置和iframe参数两方面入手，我给你一步步拆解：

一、先确保WKWebView本身支持内联播放 #

你已经提到把allowsInlineMediaPlayback设为true（也就是Objective-C里的YES），这是核心前提，但要注意一定要在初始化WKWebView前就配置好这个属性，不然可能不生效。代码示例：

WKWebViewConfiguration *webConfig = [[WKWebViewConfiguration alloc] init];
// 开启内联媒体播放，这是必须的
webConfig.allowsInlineMediaPlayback = YES;
// 如果需要画中画功能，可以加上这个，不是强制项
// webConfig.allowsPictureInPictureMediaPlayback = YES;

// 用配置好的config初始化WKWebView
WKWebView *myWebView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:webConfig];
[self.view addSubview:myWebView];

二、修正你的Facebook iframe参数错误 #

你提供的iframe代码里有个URL拼接的小问题，导致playsinline=1没被正确识别——看你的src链接，把/playsinline=1直接接在了视频地址后面，这会破坏整个参数结构，正确的做法是用&来连接参数。

修正后的完整iframe代码： #

<iframe 
  src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook%2Fvideos%2F10153231379946729%2F&playsinline=1&show_text=0&width=100%" 
  width="100%" 
  height="100%" 
  style="border:none;overflow:hidden" 
  scrolling="no" 
  frameborder="0" 
  allowTransparency="true" 
  allowFullScreen="false"
></iframe>

关键调整点： #

• 把原src里的/playsinline=1替换成&playsinline=1，这样它才会被Facebook的视频插件正确解析为内联播放参数
• 你原来的src里重复写了&playsinline=1，其实保留一个就足够了，重复不影响但没必要
• 确保allowFullScreen设为false，防止视频自动触发全屏播放

三、额外避坑提示 #

• 如果是加载本地HTML字符串，记得指定正确的baseURL，不然iframe可能加载异常：

NSString *htmlContent = @"这里放你的修正后iframe代码";
[myWebView loadHTMLString:htmlContent baseURL:[NSURL URLWithString:@"https://www.facebook.com"]];

• 系统版本：尽量保证APP支持iOS 10及以上，allowsInlineMediaPlayback在iOS 10+的兼容性更好，早期版本可能有奇怪的问题。

按照上面的步骤来，应该就能让Facebook内嵌视频乖乖在WKWebView里内联播放啦！

内容的提问来源于stack exchange，提问作者Ravi Kotadiya