[移动开发]flutter flutter_screenutil视频播放

1. 安装插件包
   
2. 使用

import 'dart:async';

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

class VideoPlayerScreen extends StatefulWidget {
  VideoPlayerScreen({Key key, this.file}) : super(key: key);
  final file;
  @override
  _VideoPlayerScreenState createState() => _VideoPlayerScreenState();
}

class _VideoPlayerScreenState extends State<VideoPlayerScreen> {
  VideoPlayerController _controller;
  Future<void> _initializeVideoPlayerFuture;
  var dura;
  String fileName = '';
  @override
  void initState() {
    EasyLoading.show();
    // Create and store the VideoPlayerController. The VideoPlayerController
    // offers several different constructors to play videos from assets, files,
    // or the internet.
    fileName = widget.file["name"];
    _controller = VideoPlayerController.network('http://xxx.xx.com/file-api/file/file/download?url=group1/M00/00/34/rBo-5WDQC6OEdu4lAAAAAJbtHEc842.mp4&fileName=getFile.mp4'
        );

    // Initialize the controller and store the Future for later use.
    _initializeVideoPlayerFuture = _controller.initialize();

    // Use the controller to loop the video.
    _controller.setLooping(true);

    super.initState();
    //执行监听，只要有内容就会刷新
    _controller.addListener(() {
      setState(() {
        //进度条的播放进度，用当前播放时间除视频总长度得到
        dura = _controller.value.position.inSeconds /
            _controller.value.duration.inSeconds;
      });
    });
    // _controller.play();
  }

  @override
  void dispose() {
    // Ensure disposing of the VideoPlayerController to free up resources.
    _controller.dispose();

    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    EasyLoading.dismiss();
    return Container(
        height: 220.h,
        width: 340.w,
        child: InkWell(
            child: Stack(
          alignment: Alignment.center,
          fit: StackFit.expand,
          children: [
            Container(
              height: 220.h,
              width: 340.w,
              child: AspectRatio(
                  aspectRatio: _controller.value.aspectRatio,
                  // Use the VideoPlayer widget to display the video.
                  child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Container(
                          height: 220.h,
                          width: 340.w,
                          margin: EdgeInsets.fromLTRB(10.w, 0.h, 10.w, 0),
                          child: ClipRRect(
                            borderRadius: BorderRadius.circular(10),
                            child: VideoPlayer(_controller),
                          ),
                        ),
                      ])),
            ),
            Positioned(
                child: FlatButton(
              child: Icon(
                  _controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
                  size: 30,
                  color: ColorUtil.fromHex('#ffffff')),
              onPressed: () {
                setState(() {
                  // If the video is playing, pause it.
                  if (_controller.value.isPlaying) {
                    _controller.pause();
                  } else {
                    // If the video is paused, play it.
                    _controller.play();
                  }
                });
              },
            )),
            Positioned(
                left: 200.w,
                top: 160.h,
                child: FlatButton(
                  child: Icon(Icons.crop_free_outlined,
                      size: 20, color: ColorUtil.fromHex('#ffffff')),
                  onPressed: () {
                    _controller.pause();
                    Navigator.pushNamed(context, '/VideoFullScreen',
                        arguments: widget.file);
                  },
                )),
          ],
        )));
  }
}

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖