您的位置：首页 > 移动开发

APP端webview自动播放视频

2015-12-15 10:46 447 查看
昨天碰到一需求，需要写一个html5页面，要求支持打开自动播放视频。

ok，要支持自动播放，设置<video>的autoplay="autoplay"就可以了吧。

测试发现只有在浏览器中是正常播放了，android和ios都没有播放。

换了种写法：

<body onload="playVideo();">
function playVideo(){
var video = document.getElementById("alt-player-ios");
video.play();
}
android的webview中可以自动播放了。（android以前设置过允许执行javascript，如果大家不能自动播放的话可能需要设置这个）。

ios需要添加webview的属性设置：

_webView.mediaPlaybackRequiresUserAction = NO;
ok，能自动播放了。

如果希望自动播放时不要全屏，那么嗨需要设置下面的属性：

_webView.allowsInlineMediaPlayback = YES;

参考资料：
http://my.oschina.net/u/2340880/blog/469916 http://www.xuanfengge.com/html5-video-play.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  webview 自动 播放 video play
相关文章推荐
新的分享
章节导航