flutter组件4【视频播放】

import 'package:flutter/material.dart';
import 'package:chewie/chewie.dart';
import 'package:flutterappqingyuewen/theme/app_theme.dart';
import 'package:video_player/video_player.dart';

class VideoDetail extends StatefulWidget {
  //https://nico-android-apk.oss-cn-beijing.aliyuncs.com/landscape.mp4
  String tid = '';
  final String playUrl = '';
  VideoDetail({this.tid});
  @override
  _VideoDetailState createState() => _VideoDetailState();
}
class _VideoDetailState extends State<VideoDetail> {
  VideoPlayerController _videoPlayerController;
  ChewieController _chewieController;
  @override
  void initState() {
    super.initState();
    _videoPlayerController = VideoPlayerController.network('https://nico-android-apk.oss-cn-beijing.aliyuncs.com/landscape.mp4');
    _chewieController = ChewieController(
      videoPlayerController: _videoPlayerController,
      autoPlay: true,
    );
  }
  @override
  void dispose() {
    _videoPlayerController.dispose();
    _chewieController.dispose();
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title:Text('视频详情'),
        backgroundColor: AppTheme().greeTheme.primaryColor,
      ),
      body: Container(
        child: Chewie(controller: _chewieController,),
      ),
    );
  }
}

备注：

安卓记得添加以下权限

文件android/app/src/main/AndroidManifest.xml

<application></application>下方增加

<uses-permission android:name="android.permission.INTERNET"/>

<application 里面增加

android:label="flutterappqingyuewen"

来源：oschina

链接：https://my.oschina.net/songms/blog/4294851

标签

android

dart