一行代码搞定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'}
        />