一行代码搞定reactnativewebview-安卓无法播放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'}
        />