一行代碼搞定react-native-webview 安卓無法播放h5視頻問題

最近在開發APP功能的時候遇到一個問題，之前也沒有遇到這樣的需求所以也沒有研究過。
功能是這樣的：項目中有個webview 加載h5頁面，h5頁面中有視頻播放，IOS端可以點開直接播放，並且有預覽畫面，而安卓端卻沒有這個預覽畫面，且不能直接播放。
一開始懷疑是Android的版本問題，一頓查閱發現並沒有什麼軟用。最後還是在reactnative中文網重新仔細的查看了關於Webview的API，才找到解決方案。
如下圖所示，只需要在webview中添加這個mixedContentMode屬性就好，真的是一行代碼搞定，哈哈

代碼中使用如下：

import { WebView } from 'react-native-webview';
        <WebView
          ref={view => (this.webview = view)}
          source={{ uri: url }}
          mixedContentMode={'compatibility'}
        />