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