Q&A
Flutterでアプリを作成中です。
その中で、WebViewを使って、背景全面に動画（.mp4）があるサイトを表示したいのですが、iOSだと動画の表示・再生がされません。
Androidでは背景の動画表示・再生がされました。
- WebViewで背景全面に動画（.mp4）があるサイトの動画を表示・再生することは、iOSでは不可能なのかどうか。
- 可能であればその方法（ソースコード等）を教えていただきたいです。
ご回答お待ちしております。
よろしくお願いいたします。
該当のソースコード
以下では、iOSでは背景全面の動画の表示・再生ができない。
dart
1WebView( 2 initialUrl: "ここに背景全面に動画があるサイトのURL", 3 javascriptMode: JavascriptMode.unrestricted, 4),
補足情報（開発環境など）
- Flutter 3.3.2
- webview_flutter: ^3.0.4
- iPhone11（iOS：16.1.1）
- Android（Pixel 6a）
- アプリ作成・Flutter初心者
回答1件
0
自己解決
- リストウェブビューで読み込んでいるサイトのVideoタグの変更
- リストWebViewに記述を追加
上記の対応でiOSでも再生ができるようになりました。
状況によっても変わるのかもしれませんが、以下で私は解決ができました。
html
1<video autoplay muted loop playsinline> 2 <source src="ここに動画（.mp4）のURL" type="video/mp4"> 3</video>
dart
1WebView( 2 initialUrl: "ここに背景全面に動画があるサイトのURL", 3 javascriptMode: JavascriptMode.unrestricted, 4 initialMediaPlaybackPolicy: AutoMediaPlaybackPolicy.always_allow, // 追加 5 allowsInlineMediaPlayback: true, // 追加 6),
投稿2023/01/24 10:59
総合スコア13
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。