插件详情v0.2.2

pod_player

适用于 Flutter 的 Vimeo 和 YouTube 播放器；Pod 播放器提供可自定义的视频播放器控件，支持 Android、iOS 和 Web。

AndroidiOSmacOS

pub.dev API 文档源代码

近 30 天下载: 1.1万
喜欢数: 434
Pub 分数: 140

安装插件

flutter pub add pod_player

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Pod Player 是一个 Flutter 包，可将 YouTube 和 Vimeo 视频无缝集成到 Flutter 应用中。它提供可自定义的视频播放器控件，并支持 Android、iOS 和 Web 平台。专为寻求轻量级、灵活嵌入视频内容解决方案的开发者设计，Pod Player 通过最少的设置简化播放。该包积极维护，并在各平台上提供一致的用户体验。

适合场景

在应用中嵌入YouTube视频
在 Flutter 中播放 Vimeo 内容
创建多媒体丰富的教育应用程序
构建视频流媒体界面
在移动应用中集成视频教程

主要特点

支持 YouTube 和 Vimeo
可自定义的播放器控件
跨平台兼容性（Android、iOS、网页）
轻量且易于集成
适用于不同屏幕尺寸的响应式设计

适合对象

开发视频中心应用的开发者
教育或教程类应用程序
需要视频嵌入的内容平台
针对多个平台的应用

使用建议

需要互联网连接以加载视频
仅限 YouTube 和 Vimeo 源
自定义可能需要额外的样式知识
依赖外部视频API获取内容

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

newta

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-permission android: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';

class PlayVideoFromNetwork extends StatefulWidget {
  const PlayVideoFromNetwork({Key? key}) : super(key: key);

  @override
  State<PlayVideoFromNetwork> createState() => _PlayVideoFromNetworkState();
}

class _PlayVideoFromNetworkState extends State<PlayVideoFromNetwork> {
  late final PodPlayerController controller;

  @override
  void initState() {
    controller = PodPlayerController(
      playVideoFrom: PlayVideoFrom.network(
        'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4',
      ),
    )..initialise();
    super.initState();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PodVideoPlayer(controller: controller),
    );
  }
}

Configure pod player

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

Add Thumbnail

PodVideoPlayer(
  controller: controller,
  videoThumbnail: const DecorationImage(
    /// 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)

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: PodVideoPlayer(
      controller: controller,
      podPlayerLabels: const PodPlayerLabels(
        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';

class PlayVideoFromYoutube extends StatefulWidget {
  const PlayVideoFromYoutube({Key? key}) : super(key: key);

  @override
  State<PlayVideoFromYoutube> createState() => _PlayVideoFromYoutubeState();
}

class _PlayVideoFromYoutubeState extends State<PlayVideoFromYoutube> {
  late final PodPlayerController controller;

  @override
  void initState() {
    controller = PodPlayerController(
      playVideoFrom: PlayVideoFrom.youtube('https://youtu.be/A3ltMaM6noM'),
    )..initialise();
    super.initState();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PodVideoPlayer(controller: controller),
    );
  }
}

How to play video from vimeo

import 'package:pod_player/pod_player.dart';
import 'package:flutter/material.dart';

class PlayVideoFromVimeo extends StatefulWidget {
  const PlayVideoFromVimeo({Key? key}) : super(key: key);

  @override
  State<PlayVideoFromVimeo> createState() => _PlayVideoFromVimeoState();
}

class _PlayVideoFromVimeoState extends State<PlayVideoFromVimeo> {
  late final PodPlayerController controller;

  @override
  void initState() {
    controller = PodPlayerController(
      playVideoFrom: PlayVideoFrom.vimeo('518228118'),
    )..initialise();
    super.initState();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PodVideoPlayer(controller: controller),
    );
  }
}

How to play video from vimeo with hash

import 'package:pod_player/pod_player.dart';
import 'package:flutter/material.dart';

class PlayVideoFromVimeo extends StatefulWidget {
  const PlayVideoFromVimeo({Key? key}) : super(key: key);

  @override
  State<PlayVideoFromVimeo> createState() => _PlayVideoFromVimeoState();
}

class _PlayVideoFromVimeoState extends State<PlayVideoFromVimeo> {
  late final PodPlayerController controller;

  @override
  void initState() {
    controller = PodPlayerController(
      playVideoFrom: PlayVideoFrom.vimeo('518228118', hash: '7cc595e1f8'),
    )..initialise();
    super.initState();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PodVideoPlayer(controller: controller),
    );
  }
}

How to play video from vimeo private videos

import 'package:pod_player/pod_player.dart';
import 'package:flutter/material.dart';

class PlayVideoFromVimeoPrivateVideo extends StatefulWidget {
  const PlayVideoFromVimeoPrivateVideo({Key? key}) : super(key: key);

  @override
  State<PlayVideoFromVimeoPrivateVideo> createState() =>
          _PlayVideoFromVimeoPrivateVideoState();
}

class _PlayVideoFromVimeoPrivateVideoState
    extends State<PlayVideoFromVimeoPrivateVideo> {
  late final PodPlayerController controller;

  @override
  void initState() {
    String videoId = 'your private video id';
    String token = 'your access token';
    final Map<String, String> headers = <String, String>{};
    headers['Authorization'] = 'Bearer ${token}';

    controller = PodPlayerController(
      playVideoFrom: PlayVideoFrom.vimeoPrivateVideos(
        videoId,
        httpHeaders: headers
      ),
    )..initialise();
    super.initState();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PodVideoPlayer(controller: controller),
    );
  }
}