Repository: flutter
Issue: [webview_flutter] video not visible
Labels: p: webview,package,team-ecosystem,has reproducible steps,P2,found in release: 3.0,found in release: 3.1,triaged-ecosystem

## Steps to Reproduce

<!-- Please include full steps to reproduce so that we can reproduce the problem. -->

1. Execute `flutter run` on the code sample <!-- (see "Code sample" section below) -->
2. tap on one of the buttons on the bottom
3. video not correctly loaded
**Expected results:** <!-- what did you want to see? -->
video correctly loaded
**Actual results:** <!-- what did you see? -->
no video

I know it can be a special situation with this site, but in other apps using the sfsafaribrowser view, it works normally. But not in this plugin and the flutter_inappwebview plugin. (also filed there https://github.com/pichillilorenzo/flutter_inappwebview/issues/1289 )

<details>
<summary></summary>

<!--
      Please create a minimal reproducible sample that shows the problem
      and attach it below between the lines with the backticks.

      To create it you can use `flutter create bug` command and update the `main.dart` file.

      Alternatively, you can use https://dartpad.dev/
      which is capable of creating and running small Flutter apps.

      Without this we will unlikely be able to progress on the issue, and because of that
      we regretfully will have to close it.
-->

```dart
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late WebViewController webViewController;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            bottomSheet: Row(children: [
              TextButton(
                child: const Text('rtl b'),
                onPressed: () => webViewController.loadUrl(
                    'https://www.rtlboulevard.nl/video/tv-fragmenten/video/5328092/snelle-reageert-koeltjes-op-verrassing-komt-misschien-niet'),
              ),
              TextButton(
                child: const Text('rtl nieuws'),
                onPressed: () => webViewController.loadUrl(
                    'https://www.rtlnieuws.nl/nieuws/video/video/5328094/spannende-minuten-kinderen-vast-attractie-hellendoorn'),
              ),
            ]),
            body: WebView(
              navigationDelegate: (NavigationRequest navigation) async {
                debugPrint('Nav ${navigation.url}');
                return NavigationDecision.navigate;
              },
              key: const Key('webviewkey'),
              javascriptMode: JavascriptMode.unrestricted,
              onWebViewCreated: (WebViewController controller) {
                webViewController = controller;
              },
              onPageStarted: (url) {
                debugPrint('Page started $url');
              },
              onPageFinished: (url) {
                debugPrint('Page finished $url');
              },
              onWebResourceError: (error) async {
                debugPrint(
                    'Webview load error: ${error.description} ${error.failingUrl}  ${error.domain}');
              },
              backgroundColor:
                  Colors.white, //needed for some websites in dark mode
              initialMediaPlaybackPolicy: AutoMediaPlaybackPolicy
                  .require_user_action_for_all_media_types,
              allowsInlineMediaPlayback: true,
              gestureNavigationEnabled: true,
            )));
  }
}
```

</details>

<details>
  <summary>Logs</summary>

<!--
      Run your application with `flutter run --verbose` and attach all the
      log output below between the lines with the backticks. If there is an
      exception, please see if the error message includes enough information
      to explain how to solve the issue. If there is a crash, please include
      the entirety of the crash log including the backtrace.
-->

```
[+5253 ms] flutter: Nav https://www.rtlboulevard.nl/video/tv-fragmenten/video/5328092/snelle-reageert-koeltjes-op-verrassing-komt-misschien-niet
[  +16 ms] flutter: Page started
https://www.rtlboulevard.nl/video/tv-fragmenten/video/5328092/snelle-reageert-koeltjes-op-verrassing-komt-misschien-niet
[+1229 ms] flutter: Nav about:blank
[  +12 ms] flutter: Nav
https://cdns.eu1.gigya.com/gs/webSdk/Api.aspx?apiKey=3_uD6jITpXLkZQgCFiaRDhmZvnkv2C5aLNWnDRcr0Fqj0-9INW8oAo6qCVjPEHAW2c&version=latest&build=13318#origi
n=https://www.rtlboulevard.nl/video/tv-fragmenten/video/5328092/snelle-reageert-koeltjes-op-verrassing-komt-misschien-niet&gig_loggerConfig=%7B%22logLev
el%22%3A0%2C%22clientMuteLevel%22%3A0%2C%22logTheme%22%3A1%7D
[+1199 ms] flutter: Page finished
https://www.rtlboulevard.nl/video/tv-fragmenten/video/5328092/snelle-reageert-koeltjes-op-verrassing-komt-misschien-niet
[ +180 ms] flutter: Nav about:blank
[   +2 ms] flutter: Nav about:blank
[ +497 ms] flutter: Nav https://cdns.gigya.com/
[   +2 ms] flutter: Nav https://cdns1.gigya.com/
[ +224 ms] flutter: Nav
https://cdns.eu1.gigya.com/gs/sso.htm?APIKey=3_2DkoMEf_EV5WebSJIZGSGVG9RaqbBC1Q7_DWdHL3Z1y_5y1vQaMAIhjDA2K7HDAy&ssoSegment=&version=latest&build=13318#i
sCanary=false&canaryVersion=13363-3-27684645&m=syncCanaryIndication&d=https%3A%2F%2Fwww.rtlboulevard.nl&callbackID=gig_sso_cb1661081579409_0&sAPIKey=3_u
D6jITpXLkZQgCFiaRDhmZvnkv2C5aLNWnDRcr0Fqj0-9INW8oAo6qCVjPEHAW2c&gig_loggerConfig=%7B%22logLevel%22%3A0%2C%22clientMuteLevel%22%3A0%2C%22logTheme%22%3A1%
7D
[   +2 ms] flutter: Nav
https://cdns.eu1.gigya.com/gs/sso.htm?APIKey=3_2DkoMEf_EV5WebSJIZGSGVG9RaqbBC1Q7_DWdHL3Z1y_5y1vQaMAIhjDA2K7HDAy&ssoSegment=&version=latest&build=13318#m
=getToken&d=https%3A%2F%2Fwww.rtlboulevard.nl&callbackID=gig_sso_cb1661081579411_1&sAPIKey=3_uD6jITpXLkZQgCFiaRDhmZvnkv2C5aLNWnDRcr0Fqj0-9INW8oAo6qCVjPE
HAW2c&gig_loggerConfig=%7B%22logLevel%22%3A0%2C%22clientMuteLevel%22%3A0%2C%22logTheme%22%3A1%7D
[ +316 ms] flutter: Nav https://cdns2.gigya.com/
[  +29 ms] flutter: Nav
https://cdns.eu1.gigya.com/gs/sso.htm?APIKey=3_2DkoMEf_EV5WebSJIZGSGVG9RaqbBC1Q7_DWdHL3Z1y_5y1vQaMAIhjDA2K7HDAy&ssoSegment=&version=latest&build=13318#m
=removeToken&d=https%3A%2F%2Fwww.rtlboulevard.nl&callbackID=gig_sso_cb1661081579954_2&sAPIKey=3_uD6jITpXLkZQgCFiaRDhmZvnkv2C5aLNWnDRcr0Fqj0-9INW8oAo6qCV
jPEHAW2c&gig_loggerConfig=%7B%22logLevel%22%3A0%2C%22clientMuteLevel%22%3A0%2C%22logTheme%22%3A1%7D
[ +321 ms] flutter: Nav
https://rtl.demdex.net/dest5.html?d_nsid=undefined#https%3A%2F%2Fwww.rtlboulevard.nl%2Fvideo%2Ftv-fragmenten%2Fvideo%2F5328092%2Fsnelle-reageert-koeltje
s-op-verrassing-komt-misschien-niet
```

<!--
     Run `flutter analyze` and attach any output of that command below.
     If there are any analysis errors, try resolving them before filing this issue.
-->

```
```

<!-- Finally, paste the output of running `flutter doctor -v` here. -->

```
laptopWouter:webviewtest wouter$ flutter doctor -v
[✓] Flutter (Channel stable, 3.0.5, on macOS 12.5.1 21G83 darwin-arm, locale nl-NL)
    • Flutter version 3.0.5 at /Users/wouter/Library/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision f1875d570e (6 weeks ago), 2022-07-13 11:24:16 -0700
    • Engine revision e85ea0e79c
    • Dart version 2.17.6
    • DevTools version 2.12.2

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/wouter/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • ANDROID_SDK_ROOT = /Users/wouter/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7772763)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.4.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7772763)

[✓] VS Code (version 1.70.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.46.0

[✓] Connected device (3 available)
    • iPhone 5s (mobile) • 7D250FF1-F440-4510-AC13-46E9634B33C7 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-12-4 (simulator)
    • macOS (desktop)    • macos                                • darwin-arm64   • macOS 12.5.1 21G83 darwin-arm
    • Chrome (web)       • chrome                               • web-javascript • Google Chrome 104.0.5112.101

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!
```

</details>


<!--
      Consider also attaching screenshots and/or videos to better
      illustrate the issue.

      You can upload them directly on GitHub.
      Beware that video file size is limited to 10MB.
--

>
![Simulator Screen Shot - iPhone 5s - 2022-08-21 at 13 22 27](https://user-images.githubusercontent.com/480348/185788981-775cf32e-ec42-487c-80f5-7f70e647662b.png)