Video player for flutter web & mobile devices, pod player supports playing video from Youtube and Vimeo

pod player is a simple and easy-to-use video player. Its video controls are similar to Youtube player (with customizable controls) and also can play videos from Youtube and Vimeo (By providing url/video_id).

This plugin built upon flutter's official video_player plugin

---

PLATFORM	AVAILABLE
Android	✅
IOS	✅
WEB	✅

Features

• Play youtube videos (using video URL or ID)
• Play vimeo videos (using video ID [with ou without hash])
• Play vimeo private videos (using video ID [with ou without hash], access token)
• Video overlay similar to youtube
• Double tap to seek video.
• On video tap show/hide video overlay.
• Auto hide overlay
• Change playback speed
• Custom overlay
• Custom progress bar
• Custom labels
• Change video quality (for vimeo and youtube)
• Enable/disable full-screen player
• support for live youtube video
• [TODO] support for video playlist

Features on web

• Double tap on Video player to enable/disable full-screen

• Mute/unMute volume

• Video player integration with keyboard

  • SPACE play/pause video
  • M mute/unMute video
  • F enable/disable full-screen
  • ESC enable/disable full-screen
  • -> seek video forward
  • <- seek video backward

• Double tap on video (enable/disables full-screen)

Demo

---

• Playing videos from youtube

---

• Video player on web

---

• Vimeo player and custom video player

---

Change quality and playback speed	Control video from any where

---

• Controls similar to youtube

---

with overlay	without overlay (alwaysShowProgressBar = true)

---

• On mobile full-screen

---

---

• Video controls

---

On Double tap	Custom progress bar

---

• Video player on web

---

---

Usage

• Installation
  • Android
  • Ios
  • Web
• How to use
• Configure pod player
• Add Thumbnail
• How to play video from youtube
• How to play video from vimeo
• How to play video from vimeo private videos
• video player Options
• Example

Installation

---

In your pubspec.yaml file within your Flutter Project:

dependencies:
pod_player: <latest_version>

Android

---

If you are using network-based videos, ensure that the following permission is present in your Android Manifest file, located in <project root>/android/app/src/main/AndroidManifest.xml:

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

If you need to access videos using http (rather than https) URLs.

Located inside application tag

<application
- - -
- - - - - -
android:usesCleartextTraffic="true"

Ios

---

Add permissions to your app's Info.plist file,

located in <project root>/ios/Runner/Info.plist

<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>

Web ( Not recommended in production)

---

if u are using youtube or vimeo player on web, then there will be some issue with CORS only in web, so use this flutter_cors package

using flutter_cors package to enable or disable CORS

To Enable CORS (run this command )

dart pub global activate flutter_cors
fluttercors --enable

To Disable CORS (run this command )

fluttercors --disable

How to use

---

import'package:pod_player/pod_player.dart';
import'package:flutter/material.dart';
classPlayVideoFromNetworkextendsStatefulWidget {
constPlayVideoFromNetwork({Key? key}) :super(key: key);
@overrideState<PlayVideoFromNetwork> createState() =>_PlayVideoFromNetworkState();
}
class_PlayVideoFromNetworkStateextendsState<PlayVideoFromNetwork> {
latefinalPodPlayerController controller;
@overridevoidinitState() {
controller =PodPlayerController(
playVideoFrom:PlayVideoFrom.network(
'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4',
),
)..initialise();
super.initState();
}
@overridevoiddispose() {
controller.dispose();
super.dispose();
}
@overrideWidgetbuild(BuildContext context) {
returnScaffold(
body:PodVideoPlayer(controller: controller),
);
}
}

Configure pod player

 controller =PodPlayerController(
playVideoFrom:PlayVideoFrom.youtube('https://youtu.be/A3ltMaM6noM'),
podPlayerConfig:constPodPlayerConfig(
autoPlay:true,
isLooping:false,
videoQualityPriority: [720, 360]
)
)..initialise();

Add Thumbnail

PodVideoPlayer(
controller: controller,
videoThumbnail:constDecorationImage(
/// load from asset: AssetImage('asset_path') image:NetworkImage('https://images.unsplash.com/photo-1569317002804-ab77bcf1bce4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8dW5zcGxhc2h8ZW58MHx8MHx8&w=1000&q=80',
),
fit:BoxFit.cover,
),
),

Add PodPlayerLabels (custom labels)

@overrideWidgetbuild(BuildContext context) {
returnScaffold(
body:PodVideoPlayer(
controller: controller,
podPlayerLabels:constPodPlayerLabels(
play:"Play label customized",
pause:"Pause label customized",
...
),
),
);
}

How to play video from youtube

---

import'package:pod_player/pod_player.dart';
import'package:flutter/material.dart';
classPlayVideoFromYoutubeextendsStatefulWidget {
constPlayVideoFromYoutube({Key? key}) :super(key: key);
@overrideState<PlayVideoFromYoutube> createState() =>_PlayVideoFromYoutubeState();
}
class_PlayVideoFromYoutubeStateextendsState<PlayVideoFromYoutube> {
latefinalPodPlayerController controller;
@overridevoidinitState() {
controller =PodPlayerController(
playVideoFrom:PlayVideoFrom.youtube('https://youtu.be/A3ltMaM6noM'),
)..initialise();
super.initState();
}
@overridevoiddispose() {
controller.dispose();
super.dispose();
}
@overrideWidgetbuild(BuildContext context) {
returnScaffold(
body:PodVideoPlayer(controller: controller),
);
}
}

How to play video from vimeo

---

import'package:pod_player/pod_player.dart';
import'package:flutter/material.dart';
classPlayVideoFromVimeoextendsStatefulWidget {
constPlayVideoFromVimeo({Key? key}) :super(key: key);
@overrideState<PlayVideoFromVimeo> createState() =>_PlayVideoFromVimeoState();
}
class_PlayVideoFromVimeoStateextendsState<PlayVideoFromVimeo> {
latefinalPodPlayerController controller;
@overridevoidinitState() {
controller =PodPlayerController(
playVideoFrom:PlayVideoFrom.vimeo('518228118'),
)..initialise();
super.initState();
}
@overridevoiddispose() {
controller.dispose();
super.dispose();
}
@overrideWidgetbuild(BuildContext context) {
returnScaffold(
body:PodVideoPlayer(controller: controller),
);
}
}

How to play video from vimeo with hash

---

import'package:pod_player/pod_player.dart';
import'package:flutter/material.dart';
classPlayVideoFromVimeoextendsStatefulWidget {
constPlayVideoFromVimeo({Key? key}) :super(key: key);
@overrideState<PlayVideoFromVimeo> createState() =>_PlayVideoFromVimeoState();
}
class_PlayVideoFromVimeoStateextendsState<PlayVideoFromVimeo> {
latefinalPodPlayerController controller;
@overridevoidinitState() {
controller =PodPlayerController(
playVideoFrom:PlayVideoFrom.vimeo('518228118', hash:'7cc595e1f8'),
)..initialise();
super.initState();
}
@overridevoiddispose() {
controller.dispose();
super.dispose();
}
@overrideWidgetbuild(BuildContext context) {
returnScaffold(
body:PodVideoPlayer(controller: controller),
);
}
}

How to play video from vimeo private videos

---

import'package:pod_player/pod_player.dart';
import'package:flutter/material.dart';
classPlayVideoFromVimeoPrivateVideoextendsStatefulWidget {
constPlayVideoFromVimeoPrivateVideo({Key? key}) :super(key: key);
@overrideState<PlayVideoFromVimeoPrivateVideo> createState() =>_PlayVideoFromVimeoPrivateVideoState();
}
class_PlayVideoFromVimeoPrivateVideoStateextendsState<PlayVideoFromVimeoPrivateVideo> {
latefinalPodPlayerController controller;
@overridevoidinitState() {
String videoId ='your private video id';
String token ='your access token';
finalMap<String, String> headers =<String, String>{};
headers['Authorization'] ='Bearer ${token}';
controller =PodPlayerController(
playVideoFrom:PlayVideoFrom.vimeoPrivateVideos(
videoId,
httpHeaders: headers
),
)..initialise();
super.initState();
}
@overridevoiddispose() {
controller.dispose();
super.dispose();
}
@overrideWidgetbuild(BuildContext context) {
returnScaffold(
body:PodVideoPlayer(controller: controller),
);
}
}

Options

---

• Options for mobile

---

Normal player option	Vimeo player option	Change quality of video

Example

---

Please run the app in the example/ folder to start playing!