首页 > 解决方案 > 如何使用 youtube_player_flutter 包在 Flutter 中播放全屏 youtube 视频?

问题描述

我知道这个问题已经被问过很多次了,但不幸的是,我找不到正确的解决方案。我希望在列中显示来自 YouTube 的一些视频,当用户单击全屏图标时,我希望视频全屏显示,我已经厌倦了自己解决但失败了

这是我的代码

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

void main() {
  runApp(MaterialApp(
    home: Video(),
  ));
}

class Video extends StatefulWidget {
  @override
  _VideoState createState() => _VideoState();
}

class _VideoState extends State<Video> {
  YoutubePlayerController _controller;

  @override
  Widget build(BuildContext context) {
    return YoutubePlayerBuilder(
      player: YoutubePlayer(
        controller: _controller,
      ),
      builder: (context, player) {
        return Scaffold(
          body: Column(
            children: [
              // some widgets
              YoutubePlayer(
                controller: YoutubePlayerController(
                  initialVideoId: 'zn2GwbPG-tc',
                  //Add videoID.
                  flags: YoutubePlayerFlags(
                    hideControls: false,
                    controlsVisibleAtStart: true,
                    autoPlay: false,
                    mute: false,
                  ),
                ),
                showVideoProgressIndicator: true,
                progressIndicatorColor: Colors.red,
              ),

              SizedBox(
                height: 10,
              ),

              YoutubePlayer(
                controller: YoutubePlayerController(
                  initialVideoId: 'zn2GwbPG-tc',
                  //Add videoID.
                  flags: YoutubePlayerFlags(
                    hideControls: false,
                    controlsVisibleAtStart: true,
                    autoPlay: false,
                    mute: false,
                  ),
                ),
                showVideoProgressIndicator: true,
                progressIndicatorColor: Colors.red,
              ),
            ],
          ),
        );
      },
    );
  }
}


我只想让视频全屏播放。

标签: flutterdart

解决方案


推荐阅读