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

4.1. 定义属性

这里定义了三种读取视频的方式network、asset、file，分别对应网络视频、工程视频、本地视频文件：

class VideoPlayerUI extends StatefulWidget {
VideoPlayerUI.network({
Key key,
@required String url, // 当前需要播放的地址
this.width: double.infinity, // 播放器尺寸（大于等于视频播放区域）
this.height: double.infinity,
this.title = ‘’, // 视频需要显示的标题
}) : type = VideoPlayerType.network,
url = url,
super(key: key);

VideoPlayerUI.asset({
Key key,
@required String dataSource, // 当前需要播放的地址
this.width: double.infinity, // 播放器尺寸（大于等于视频播放区域）
this.height: double.infinity,
this.title = ‘’, // 视频需要显示的标题
}) : type = VideoPlayerType.asset,
url = dataSource,
super(key: key);

VideoPlayerUI.file({
Key key,
@required File file, // 当前需要播放的地址
this.width: double.infinity, // 播放器尺寸（大于等于视频播放区域）
this.height: double.infinity,
this.title = ‘’, // 视频需要显示的标题
}) : type = VideoPlayerType.file,
url = file,
super(key: key);

final url;
final VideoPlayerType type;
final double width;
final double height;
final String title;

@override
_VideoPlayerUIState createState() =&g