iOS10以后

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

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

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

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

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

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

image.png