时间戳

首页 > 解决方案 > Flutter YouTube 视频嵌入

flutter - Flutter YouTube 视频嵌入

问题描述

我想在我的应用程序中添加嵌入的 YouTube 视频：我该怎么做？我有这个

    导入“包：youtube_player/youtube_player.dart”；

    导入“包：flutube/flutube.dart”；

     视频类扩展 StatelessWidget {
           @覆盖
          小部件构建（BuildContext 上下文）{
            返回脚手架（
              应用栏：应用栏（
                标题：文本（'Canal Youtube'），
              ),
              正文：YoutubePlayer（来源：“https://www.youtube.com/channel/UCuBxtXWWheiQAs-uiJfU5tQ”，质量：YoutubeQuality.HD），
            );
          }
        }

标签： flutter

解决方案

我认为您可以使用youtube_player_flutter包来播放 YouTube 视频。- 按照安装选项卡上的说明进行操作。然后尝试运行以下：

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    YoutubePlayerController _controller = YoutubePlayerController(
      initialVideoId: 'iLnmTe5Q2Qw',
      flags: YoutubePlayerFlags(
        autoPlay: true,
        mute: true,
      ),
    );

    return Scaffold(
      appBar: AppBar(
        title: Text("Youtube test"),
      ),
      body: Center(
        child: YoutubePlayer(
          controller: _controller,
          showVideoProgressIndicator: true,
          progressIndicatorColor: Colors.amber,
          onReady: () {
            print("player ready..");
          },
        ),
      ),
    );
  }
}

如果您想查看更多选项，还可以查看更详细的示例：here

推荐阅读