代碼設(shè)置
iOS端設(shè)置
WKWebViewConfiguration *webViewConfig = [[WKWebViewConfiguration alloc]init];
// 視頻頁面播放支持
webViewConfig.allowsInlineMediaPlayback = YES;
WKWebView *webView = [[WKWebView alloc]initWithFrame:CGRectZero configuration:webViewConfig];
需要WKWebView支持頁面內(nèi)視頻播放
設(shè)置 allowsInlineMediaPlayback 為 YES
前端設(shè)置
<video width="320" height="240" controls="" webkit-playsinline="true" playsinline="true">
<source src="https://xx.com.xxx.mp4" type="video/mp4">
</video>
需要HTML支持頁面內(nèi)視頻播放
添加 webkit-playsinline (iOS10以下) 存崖、 playsinline iOS10及以上屬性字段
效果
展示效果
視頻在網(wǎng)頁內(nèi)播放咐蚯，而不是打開視頻播放器全屏播放。
例如下圖中的視頻
WechatIMG14.png
頁面內(nèi)播放說明
頁面內(nèi)播放說明
想要視頻在網(wǎng)頁頁面上播放唯沮，除了需要客戶端做設(shè)置外碉钠，還需要前端的支持。否則無論客戶端怎么設(shè)置，都是無法在頁面內(nèi)播放視頻的奄抽。
