問題描述:在Android中,視頻可以正常在H5頁面局部播放,iOS中則自動切換至全屏模式. 查看資料得以解決,20190301記錄下來。
解決方法:IOS10及以后,在 video標簽頁中只包含 webkit-playsinline 是不夠的,需要再增加 playsinline.
H5端重點代碼:
x5-video-player-type='h5' x5-video-player-fullscreen='true' playsinline webkit-playsinline
說明:
iOS10
以上H5
視頻不自動全屏播放識別playsinline
這個屬性iOS10
以下H5
視頻不自動全屏播放識別webkit-playsinline
這個屬性
iOS 端實現代碼:
_myWebView.allowsInlineMediaPlayback = YES;
UIWebView 有一個屬性如下:
@property (nonatomic) BOOL allowsInlineMediaPlayback NS_AVAILABLE_IOS(4_0); // iPhone Safari defaults to NO. iPad Safari defaults to YES
設置UIWebView
的allowsInlineMediaPlayback
屬性為YES
即可。
提醒:
要仔細測試下,看看是不是存在H5頁面關閉后,視頻還在播放的現象。
//新跳轉一個空白頁 防止webview中正在播放的視頻消失后還在播放。
[_myWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"about:blank"]]];