chatGPTに聞いてみた
User
flutter で youtube 再生するには
ChatGPT
Flutterを使用してYouTube動画を再生するには、youtube_player_flutterというパッケージを使用する方法があります。これは、Flutterアプリ内でYouTube動画を表示および再生するための便利なパッケージです。
以下は、youtube_player_flutterパッケージを使用してFlutterアプリ内でYouTube動画を再生する手順の概要です。
Flutterプロジェクトに youtube_player_flutter パッケージを追加します。 pubspec.yaml ファイルに以下のように追加します。

dartimport 'package:flutter/material.dart';
import 'package:youtube_player_flutter/youtube_player_flutter.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('YouTube Player'),
),
body: Center(
child: YoutubePlayer(
controller: YoutubePlayerController(
initialVideoId: 'VIDEO_ID', // YouTubeのビデオIDを入力します
flags: YoutubePlayerFlags(
autoPlay: true,
mute: false,
),
),
showVideoProgressIndicator: true,
progressIndicatorColor: Colors.blueAccent,
progressColors: ProgressBarColors(
playedColor: Colors.blue,
handleColor: Colors.blueAccent,
),
),
),
),
);
}
}
上記のサンプルコードで VIDEO_ID の部分に、再生したいYouTubeビデオのIDを指定します。
これで、Flutterアプリ内でYouTube動画を再生する準備が整いました。このサンプルコードを実行すると、指定したYouTube動画がアプリ内で再生されます。
という具合に答えてきた
youtube_player_flutter 9.0.0
youtube_player_flutter 9.0.0(英語)
備忘録ここまで
■結果・問題点
上記のパッケージを使って、「天運三柱推命ver.5.1」をリリースできた。アプリの容量は、197MBから48MBに減少した。操作性もより良くなった。
そこで、iPhoneでも動作させるために、webアプリのデバックに入るが、動作しない。試しに、デプロイしたがやはりスプラッシュ画面を表示したままで固まった。
youtube_player_flutter 9.0.0 は2024年4月6日時点で、webでは動作しないようです。
・お陰で、一旦デプロイしたアプリが、何らかの不具合があって、以前のバージョンに戻す方法を習得できた。
・youtube_player_iframe でコードを書き直すことを試してみる。
■■■■■備忘録ここまで
