Flutterラボ
【Flutter】YouTubeの動画を再生する
#プログラミング#Flutter#dart#ハッチアウトスクール

Flutter WEBでYouTubeの動画を再生できるようにしたので、その方法を紹介したいと思います。

今回は、『youtube_player_iframe』というパッケージを使用しました。

youtube_player_iframe | Flutter Package Flutter port of the official YouTube iFrame player API. Suppo pub.dev

パッケージをインストール

pubspec.yamlファイルに追記する

dependencies:
 youtube_player_iframe: ^1.2.0+2

flutter pub get でインストールしておきます。

コントローラーを作成

YoutubePlayerController _controller = YoutubePlayerController(
 initialVideoId: '{動画のID}'
 params: YoutubePlayerParams(
   startAt: Duration(seconds: 0),
   showControls: true,
   showFullscreenButton: true,
 ),
);

再生画面ウィジェトを作成

YoutubePlayerControllerProvider(
 controller: _controller,
 child: YoutubePlayerIFrame(
   aspectRatio: 16 / 9,
 ),
),

これで、動画を再生することができます。

ハッチアウトスクール ハッチアウトスクールの公式サイトです hatchout.net