search

gou-tian / gou-tian.github.io

个人博客站点
http://blog.goutian.win
4 stars 3 forks source link

H5自动播放避坑 #10

Open gou-tian opened 7 years ago

gou-tian commented 7 years ago

自动播放问题

视频的自动播放需要在video标签上添加autoplay属性

<video autoplay><video/>

但是在很多浏览器里，如iOS下并不支持这个属性，在iOS下必须给webview设置

self.wView.allowsInlineMediaPlayback = YES;
self.wView.mediaPlaybackRequiresUserAction = NO;

如果需要在h5页面内播放视频，需要在视频标签上加上 webkit-playsinline，在iOS10以后，需要加上playsinline,建议同时加上这两个属性

<video id="player" webkit-playsinline playsinline >

app内置属性

webview.allowsInlineMediaPlayback = YES;