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


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM