Flutter video_player 视频部分模板

A：以下是一个简单的 Flutter video_player 视频播放器模板供参考：

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

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  VideoPlayerController _controller;

  @override
  void initState() {
    super.initState();
    _controller = VideoPlayerController.asset('videos/sample.mp4')
      ..initialize().then((_) {
        setState(() {});
      });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Video Player'),
        ),
        body: Center(
          child: _controller.value.initialized ? AspectRatio(
            aspectRatio: _controller.value.aspectRatio,
            child: VideoPlayer(_controller),
          ) : Container(),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            setState(() {
              _controller.value.isPlaying
                  ? _controller.pause()
                  : _controller.play();
            });
          },
          child: Icon(
            _controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
          ),
        ),
      ),
    );
  }

  @override
  void dispose() {
    super.dispose();
    _controller.dispose();
  }
}

在本例中，我们使用 asset 目录下的示例视频文件来初始化 VideoPlayerController。在 initState() 生命周期中，我们调用 initialize() 方法来初始化该控制器，并在该过程完成后（即视频准备就绪后）调用 setState() 来更新 UI。在 build() 方法中，我们检查视频控制器的 initialized 属性，如果视频已经准备就绪，则使用 AspectRatio 和 VideoPlayer 将视频呈现为全屏可见的占位符。我们还在右下方添加了一个 FloatingActionButton，允许用户播放或暂停视频。最后，我们在 dispose() 生命周期中释放了视频控制器。