Repository: flutter
Issue: First Frame of Video Once VideoPlayer Controller doesn't show in iOS Safari/Chrome
Labels: platform-ios,platform-web,p: video_player,package,c: rendering,has reproducible steps,P2,team-web,triaged-web,found in release: 3.16,found in release: 3.17

### Is there an existing issue for this?

- [X] I have searched the [existing package issues](https://github.com/flutter/flutter/issues?q=is%3Aopen+is%3Aissue+label%3Apackage)
- [X] I have read the [guide to filing a bug](https://flutter.dev/docs/resources/bug-reports)

### What package does this bug report belong to?

video_player

### What target platforms are you seeing this bug on?

iOS

### Have you already upgraded your packages?

Yes

### Dependency versions

<details><summary>pubspec.lock</summary>

```lock
[Paste file content here]
```

</details>


### Steps to reproduce

 Initialize VideoPlayer Controller with video with SetState called

### Expected results

I expect to see the first frame of the video to appear

### Actual results

Nothing shows up for iOS Safari/chrome - the width and height of the frame appear so its a blank box. What's also strange is it works in Android and my MacOS Desktop. 

### Code sample

<details><summary>Code sample</summary>

```dart
controller = VideoPlayerController.networkUrl(Uri.parse(
        'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4'))
      ..initialize().then((_) {
        // Ensure the first frame is shown after the video is initialized, even before the play button has been pressed.
        setState(() {});
      });
```

</details>


### Screenshots or Videos

<details>
<summary>Screenshots / Video demonstration</summary>

First photo is the code in iOS Safari, next one is MacOS Desktop

<img width="400" src="https://github.com/flutter/flutter/assets/8631395/5e70d29a-2289-438c-9bdc-2630958ed457">

<img width="1440" alt="Screen Shot 2023-11-27 at 4 25 03 PM" src="https://github.com/flutter/flutter/assets/8631395/4653b445-d9fe-48fd-8d4c-6598b1a2c12d">

</details>


### Logs

<details><summary>Logs</summary>

```console
[Paste your logs here]
```

</details>


### Flutter Doctor output

<details><summary>Doctor output</summary>

```console
[✓] Flutter (Channel stable, 3.13.9, on macOS 12.6.7 21G651 darwin-x64, locale en-US)
    • Flutter version 3.13.9 on channel stable at /Users/austinlee/Desktop/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision d211f42860 (5 weeks ago), 2023-10-25 13:42:25 -0700
    • Engine revision 0545f8705d
    • Dart version 3.1.5
    • DevTools version 2.25.0

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.1)
    • Android SDK at /Users/austinlee/Library/Android/sdk
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.

[!] Xcode - develop for iOS and macOS (Xcode 14.2)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14C18
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your
        plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see https://guides.cocoapods.org/using/getting-started.html#installation for
      instructions.

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[!] Android Studio (not installed)
    • Android Studio not found; download from https://developer.android.com/studio/index.html
      (or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed
      instructions).

[✓] VS Code (version 1.79.0)
    • VS Code at /Users/austinlee/Downloads/Visual Studio Code 2.app/Contents
    • Flutter extension version 3.76.0

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-x64     • macOS 12.6.7 21G651 darwin-x64
    • Chrome (web)    • chrome • web-javascript • Google Chrome 119.0.6045.159

[✓] Network resources
    • All expected network resources are available.
```

</details>