flutter - 如何使用 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,
),
],
),
);
},
);
}
}
我只想让视频全屏播放。
解决方案
推荐阅读
- javascript - 在 Visual Studio 代码中未检测到 Eslint 样式指南
- kubernetes - 通过 Kubernetes REST API 添加 pod 注解
- java - 我应该如何更改另一个类的值
- amazon-web-services - 如何在 Amazon Mechanical Turk 中使用同一组工人进行后续调查 HIT?
- java - 将两个容器添加到 main
- vba - 提示文件打开,进行更改并另存为另一个副本,然后关闭+取消保存原始文件
- java - 如何修改继承类的数组列表中的项目?
- javascript - 您好,我使用 checbox 处理 laravel 过滤器,但遇到了问题。我使用 ajax 和 jquery 来避免重新加载页面
- unity3d - 完成游戏后无法再次连接两个玩家自动谷歌玩游戏服务?
- sql - 将 SQL Server 动态游标转换为 Oracle