Flutter Flex Player #

Visits Badge Updated Badge

Flutter Flex Player is a Flutter package for playing videos. It provides a flexible video player widget that supports various video sources including assets, network, file, and YouTube. Built with Dart and Flutter, this package allows you to integrate video playback easily into your Flutter applications.

Features #

Play videos from assets, network URLs, files, and YouTube.
Customizable aspect ratio for video playback.
Fullscreen mode support.
Various player controls including play, pause, seek, volume, and playback speed.
Stream events for initialization, position changes, duration updates, and player state.

Installation #

Add flutter_flex_player to your pubspec.yaml file:

dependencies:
  flutter:
    sdk: flutter
  flutter_flex_player: ^1.0.0 # Replace with the latest version

Run flutter pub get to install the package.

Usage #

Import the Package #

import 'package:flutter_flex_player/flutter_flex_player.dart';
import 'package:flutter_flex_player/flutter_flex_player_controller.dart';
import 'package:flutter_flex_player/helpers/flex_player_sources.dart';

Create a Video Player Controller #

FlutterFlexPlayerController _controller = FlutterFlexPlayerController();

Initialize the Video Player #

In your widget's initState, load the video source:

@override
void initState() {
  super.initState();
  _controller.load(
    NetworkFlexPlayerSource(
      "https://example.com/video.mp4",
    ),
    autoPlay: false,
    loop: true,
  );
}

Build the Video Player Widget #

Use the FlutterFlexPlayer widget to display the player:

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: const Text('VideoPlayerScreen'),
    ),
    body: Column(
      children: [
        FlutterFlexPlayer(
          _controller,
        ),
        const SizedBox(
          height: 50,
        ),
      ],
    ),
  );
}

Classes and Methods #