Videos not visible on ios

[woutervanwijk]

• I have read the Get Started - Installation section
• I have read and done the Get Started - Setup Android section
• I have read and done the Get Started - Setup iOS section
• I have already searched for the same problem

Environment

Technology	Version
Flutter version	3.0.5
Plugin version	5.4.3+7
iOS version	15
Xcode version	13.4.1

Device information: All ios

Description

Expected behavior:
Go to e.g. https://www.rtlboulevard.nl/video/tv-fragmenten/video/5328092/snelle-reageert-koeltjes-op-verrassing-komt-misschien-niet or https://www.rtlboulevard.nl/video/tv-fragmenten/video/5328092/snelle-reageert-koeltjes-op-verrassing-komt-misschien-niet

Current behavior:
No video shown

It can be a special situation on this site, but in other apps using the sfsafaribrowser view, it works normally. But not in this plugin or the webview_flutter plugin (also filed there flutter/flutter#109939 )

Steps to reproduce

import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';

void main() {
runApp(const MyApp());
}

class MyApp extends StatefulWidget {
const MyApp({Key? key}) : super(key: key);

@OverRide
State createState() => _MyAppState();
}

class _MyAppState extends State {
late InAppWebViewController webViewController;
InAppWebViewGroupOptions options = InAppWebViewGroupOptions(
crossPlatform: InAppWebViewOptions(
useShouldOverrideUrlLoading: true,
mediaPlaybackRequiresUserGesture: false,
),
android: AndroidInAppWebViewOptions(
useHybridComposition: true,
),
ios: IOSInAppWebViewOptions(
allowsInlineMediaPlayback: true,
));

@OverRide
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
bottomSheet: Row(children: [
TextButton(
child: const Text('rtlnieuws'),
onPressed: () {
webViewController.loadUrl(
urlRequest: URLRequest(
url: Uri.parse(
'https://www.rtlnieuws.nl/nieuws/video/video/5328094/spannende-minuten-kinderen-vast-attractie-hellendoorn')));
}),
TextButton(
child: const Text('rtlblv'),
onPressed: () => webViewController.loadUrl(
urlRequest: URLRequest(
url: Uri.parse(
'https://www.rtlboulevard.nl/video/tv-fragmenten/video/5328092/snelle-reageert-koeltjes-op-verrassing-komt-misschien-niet'))),
),
]),
body: InAppWebView(
onWebViewCreated: (InAppWebViewController controller) {
webViewController = controller;
},
)));
}
}

Images

Stacktrace/Logcat

[github-actions]

👋 @woutervanwijk

NOTE: This comment is auto-generated.

Are you sure you have already searched for the same problem?

Some people open new issues but they didn't search for something similar or for the same issue. Please, search for it using the GitHub issue search box or on the official inappwebview.dev website, or, also, using Google, StackOverflow, etc. before posting a new one. You may already find an answer to your problem!

If this is really a new issue, then thank you for raising it. I will investigate it and get back to you as soon as possible. Please, make sure you have given me as much context as possible! Also, if you didn't already, post a code example that can replicate this issue.

In the meantime, you can already search for some possible solutions online! Because this plugin uses native WebView, you can search online for the same issue adding android WebView [MY ERROR HERE] or ios WKWebView [MY ERROR HERE] keywords.

Following these steps can save you, me, and other people a lot of time, thanks!

[woutervanwijk]

By the way, this also happens with Twitter embeds on websites! That's quite something. No video in Flutter Webview for this url: https://www.vrt.be/vrtnws/nl/2022/09/26/protest-dagestan/
In the Swift app, it just works
also on techcrunch:
https://techcrunch.com/2022/09/16/ios-16-users-are-getting-creative-with-the-new-background-removal-feature-for-photos/

[flutter-clutter]

@woutervanwijk
I am experiencing the very same issue! To me, it happens for youtube videos as well if I embed them into my website. Example: https://www.youtube.com/embed/-r2FX7E_b-Q?controls=1&loop=0&showinfo=0&modestbranding=1&rel=0&modestbranding=1&disablekb=1&autoplay=1&playsinline=0

Have you found a workaround?

[flutter-clutter]

An update to 5.4.4+2 hasn't led to any better results.

[woutervanwijk]

Have you found a workaround?
Nope!

Here is the same issue for webview_flutter btw: flutter/flutter#109939

[sinahamedi67]

Did you find any workaround or fix for this bug?
I have the same problem with embedded tweets on iOS. Btw it works fine on Android