Flutter：基于video_player实现视频相关手势控制、全屏播放

m0_66264569

于 2022-01-29 15:54:52 发布

阅读量749

点赞数

分类专栏：程序员文章标签：架构移动开发 android

本文链接：https://blog.csdn.net/m0_66264569/article/details/122744434

版权

本文介绍了如何在Flutter中基于video_player实现视频的初始化、更改视频源，以及创建视频控制按键和手势控制控件。详细讲解了视频加载、全屏切换、进度条刷新和手势控制的方法，并提供了相关代码示例。

摘要由CSDN通过智能技术生成

4.2. 初始化视频

4.2.1. 初始化

首先我们需要在initState生命周期中对视频进行初始化，对视频是否加载成功显示不同的UI界面：加载中、加载成功、加载失败。

void _urlChange() async {
if (widget.url == null || widget.url == ‘’) return;
if (_controller != null) {
/// 如果控制器存在，清理掉重新创建
_controller.removeListener(_videoListener);
_controller.dispose();
}
setState(() {
/// 重置组件参数
_videoInit = false;
_videoError = false;
});
if (widget.type == VideoPlayerType.file) {
_controller = VideoPlayerController.file(widget.url);
} else if (widget.type == VideoPlayerType.asset) {
_controller = VideoPlayerController.asset(widget.url);
} else {
_controller = VideoPlayerController.network(widget.url);
}