如何:默认情况下显示video_player插件的播放控件(flutter-web)_在flutter中使用video_player插件时，如何显示当前视频的播放时间？ - 腾讯云开发者社区

如何:默认情况下显示video_player插件的播放控件(flutter-web)

在Flutter Web中，默认情况下，video_player插件不会显示播放控件。然而，我们可以通过一些方法来实现显示播放控件的功能。

一种方法是使用video_player插件的自定义控件功能。我们可以通过创建一个自定义的控件来实现播放控件的显示。首先，我们需要导入video_player插件的库：

import 'package:video_player/video_player.dart';

然后，我们可以使用VideoPlayerController来控制视频的播放。在创建VideoPlayerController时，我们可以指定一个控制器来显示播放控件：

VideoPlayerController _controller;

@override
void initState() {
  super.initState();
  _controller = VideoPlayerController.network('https://example.com/video.mp4')
    ..initialize().then((_) {
      setState(() {});
    });
}

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

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: _controller.value.isInitialized
          ? 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,
      ),
    ),
  );
}

在上面的代码中，我们创建了一个VideoPlayerController并指定了一个网络视频的URL。在初始化时，我们通过调用initialize()方法来初始化控制器，并在初始化完成后更新UI。在dispose()方法中，我们释放控制器资源。在build()方法中，我们使用VideoPlayer控件来显示视频，并使用一个悬浮按钮来控制播放和暂停。

另一种方法是使用flutter_video_player插件。这个插件是video_player的一个封装，提供了更多的功能，包括显示播放控件。我们可以通过在pubspec.yaml文件中添加依赖来使用该插件：

dependencies:
  flutter_video_player: ^0.10.11

然后，我们可以使用VideoPlayerWidget来显示视频，并设置showControls参数为true来显示播放控件：

import 'package:flutter_video_player/flutter_video_player.dart';

VideoPlayerController _controller;

@override
void initState() {
  super.initState();
  _controller = VideoPlayerController.network('https://example.com/video.mp4')
    ..initialize().then((_) {
      setState(() {});
    });
}

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

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: _controller.value.isInitialized
          ? VideoPlayerWidget(
              videoPlayerController: _controller,
              showControls: true,
            )
          : Container(),
    ),
  );
}

在上面的代码中，我们创建了一个VideoPlayerController并指定了一个网络视频的URL。在初始化时，我们通过调用initialize()方法来初始化控制器，并在初始化完成后更新UI。在dispose()方法中，我们释放控制器资源。在build()方法中，我们使用VideoPlayerWidget来显示视频，并设置showControls参数为true来显示播放控件。

以上是两种在Flutter Web中显示video_player插件播放控件的方法。你可以根据自己的需求选择其中一种来实现。