是否可以在Flutter WebView中允许混合内容

Question

我有一个问题，网页是安全的安全套接字层，但网页内的视频和音频内容不是，源网址是超文本传输协议，这阻止了用户播放这些类型的内容在WebView内。以下消息：

"Mixed Content: The page at 'https://<page url>' was loaded over HTTPS, but requested an insecure video 'http://<video url>.mp4'. This request has been blocked; the content must be served over HTTPS.", source: https://<page url> (0)

是否有可能以某种方式允许或强制WebView加载混合内容，并允许用户播放未使用安全套接字层保护的内容？

谢谢

Answer 1

webview_flutter插件没有改变Android WebView混合内容模式的选项。

相反，您可以使用我flutter_inappwebview插件，它支持特定的Android webview选项。

在您的示例中，您可以将Android webview选项mixedContentMode设置为值AndroidMixedContentMode.MIXED_CONTENT_ALWAYS_ALLOW

在此模式下，WebView将允许安全来源加载来自任何其他来源的内容，即使该来源是不安全的。

代码示例：

child: InAppWebView(
  initialUrlRequest: URLRequest(url: Uri.parse("https://yourwebsite.com")),
  initialOptions: InAppWebViewGroupOptions(
    android: AndroidInAppWebViewOptions(
      mixedContentMode: AndroidMixedContentMode.MIXED_CONTENT_ALWAYS_ALLOW
    )
  ),
)