iOS APP 中H5視頻默認全屏播放問題解決

問題描述:在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"]]];

相關文章
相關標籤/搜索