WKWebView自动播放和原位置内联播放网页视频

iOS10以后

1.开启Mac上Safari的开发者模式

【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选


WKWebView自动播放和原位置内联播放网页视频_第1张图片

2.开启真机或者模拟器中的Safari的开发者模式

【设置】->【Safari】->【高级】->【Web检查器】打开


WKWebView自动播放和原位置内联播放网页视频_第2张图片

3.用真机或者模拟器打开app的webView界面,使用mac版的Safari调试手机版Safari

WKWebView自动播放和原位置内联播放网页视频_第3张图片

WKWebView自动播放和原位置内联播放网页视频_第4张图片

WKWebView自动播放和原位置内联播放网页视频_第5张图片

然后修改完网页代码后就可以实时看到效果了
可以看到上面截图代码,视频标签 没有 playsinline 和 autoplay="autoplay" 属性,则网页不会自动播放,且点击播放按钮视频会全屏
鼠标右键选中这个标签,加上这两个属性,问题解决了


WKWebView自动播放和原位置内联播放网页视频_第6张图片
image.png

你可能感兴趣的:(WKWebView自动播放和原位置内联播放网页视频)