🎥 Videos Player #

A comprehensive Flutter video player package that seamlessly handles both YouTube videos and direct video URLs with adaptive player selection. Works on ALL Platforms: Android, iOS, macOS, Windows, Linux, and Web.

✨ Features #

🎬 Adaptive Video Player #

Smart Detection — Automatically detects YouTube vs direct video URLs
Unified API — Single AdaptiveVideoPlayer widget for all video types
Cross-Platform — Runs beautifully on Android, iOS, macOS, Windows, Linux, and Web!

📺 YouTube Player #

Full YouTube video support with native-like experience
Custom controls on mobile (seek, settings, fullscreen)
YouTube native controls on Desktop & Web
Auto-play, loop, captions, mute, force HD
Force Desktop Mode on mobile (forceDesktopMode: true to use WebViews on Android/iOS)
Settings panel with runtime toggles
Fullscreen mode with state preservation

🎞️ Normal Video Player #

Supports MP4, MOV, AVI, MKV, WebM, M4V, 3GP, and more
Network streaming, local file, and in-memory bytes playback
Powered by Chewie with advanced controls
Error handling with customizable messages

🖥️ Platform-Specific YouTube Behavior #

Platform	Engine	Controls
Android / iOS	`youtube_player_flutter`	Custom Flutter controls (seek, settings, fullscreen). Can be forced to Desktop Mode.
macOS / Windows / Linux	`InAppWebView` + localhost server	YouTube native controls
Web	HTML iframe (`dart:html`)	YouTube native controls

Why localhost on Desktop (Windows, macOS, Linux)? YouTube blocks iframe embedding from local files like data: and file:// (Error 153). Serving via http://localhost provides a trusted origin that YouTube allows.

📦 Installation #

Add to your pubspec.yaml:

dependencies:
  adaptive_video_player: ^1.0.0

🔒 Platform Permissions & Setup #

To ensure network videos and YouTube play correctly across devices, please configure the required platform permissions:

🤖 Android #

Ensure you have the INTERNET permission in your android/app/src/main/AndroidManifest.xml:

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

(Required) For playing http:// video URLs AND for using forceDesktopMode: true on Android, you must add usesCleartextTraffic to your <application> tag:

<application
    ...
    android:usesCleartextTraffic="true">

🍎 iOS #

To allow the YouTube player (which uses Platform Views) to render without being stuck on a loading screen, add the following to your ios/Runner/Info.plist:

<key>io.flutter.embedded_views_preview</key>
<true/>

(Optional) For loading http:// (unencrypted) video URLs safely, also add:

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

🍏 macOS #

For network video playback and YouTube webview support on macOS, you must grant the application permission to act as a network client. Open macos/Runner/DebugProfile.entitlements and macos/Runner/Release.entitlements and add the following:

<key>com.apple.security.network.client</key>
<true/>

🪟 Windows #

YouTube playback on Windows requires NuGet for the flutter_inappwebview build:

winget install Microsoft.NuGet

For normal video playback (MP4s, etc.) on Windows, register the video player plugin in main():

import 'package:flutter/foundation.dart';
import 'package:video_player_win/video_player_win_plugin.dart';

void main() {
  if (!kIsWeb && defaultTargetPlatform == TargetPlatform.windows) {
    WindowsVideoPlayer.registerWith();
  }
  runApp(const MyApp());
}

🐧 Linux #

Linux requires WebKit for the flutter_inappwebview playback. Ensure your system has the necessary GTK/WebKit packages installed (e.g., libwebkit2gtk-4.1-dev on Ubuntu/Debian).

🌐 Web #

No specific permission files are needed. However, ensure that any external direct videos (MP4, MKV) you stream are hosted on servers with CORS (Cross-Origin Resource Sharing) enabled. YouTube videos are handled automatically via iframe.

🚀 Quick Start #

import 'package:adaptive_video_player/adaptive_video_player.dart';

// YouTube video — detected automatically
AdaptiveVideoPlayer(
  config: VideoConfig(
    videoUrl: 'https://www.youtube.com/watch?v=vM2dC8OCZoY',
  ),
)

// Direct video — detected automatically
AdaptiveVideoPlayer(
  config: VideoConfig(
    videoUrl: 'https://example.com/video.mp4',
  ),
)

📖 Usage Examples #

YouTube with Custom Config #

AdaptiveVideoPlayer(
  config: VideoConfig(
    videoUrl: 'https://www.youtube.com/watch?v=vM2dC8OCZoY',
    playerConfig: YouTubePlayerConfig(
      playback: PlayerPlaybackConfig(
        autoPlay: true,
        loop: false,
        forceHD: true,
        enableCaption: true,
        forceDesktopMode: true, // Uses WebViews on Android/iOS instead of native player
      ),
      style: PlayerStyleConfig(
        iconColor: Colors.white,
        progressBarPlayedColor: Colors.red,
        progressBarHandleColor: Colors.redAccent,
        backgroundColor: Colors.black,
      ),
      visibility: PlayerVisibilityConfig(
        showSettingsButton: true,
        showFullscreenButton: true,
      ),
    ),
  ),
)

Local Video File #

AdaptiveVideoPlayer(
  config: VideoConfig(
    videoUrl: '/path/to/local/video.mp4',
    isFile: true,
  ),
)

Video from Memory #

AdaptiveVideoPlayer(
  config: VideoConfig(
    videoUrl: '',
    videoBytes: myUint8ListBytes,
  ),
)

🎛️ Configuration Reference #

YouTubePlayerConfig #

PlayerPlaybackConfig

Property	Type	Default	Description
`autoPlay`	`bool`	`false`	Auto-start playback
`loop`	`bool`	`false`	Loop video
`mute`	`bool`	`false`	Start muted
`forceHD`	`bool`	`false`	Force HD quality
`enableCaption`	`bool`	`false`	Enable captions

PlayerStyleConfig

Property	Type	Default	Description
`progressBarPlayedColor`	`Color`	`Colors.red`	Progress bar color
`progressBarHandleColor`	`Color`	`Colors.redAccent`	Handle color
`iconColor`	`Color`	`Colors.white`	Control icons color
`textColor`	`Color`	`Colors.white`	Text color
`backgroundColor`	`Color`	`#1D1D1D`	Player background
`loadingIndicatorColor`	`Color`	`Colors.red`	Loading spinner color
`errorIconColor`	`Color`	`Colors.red`	Error icon color
`settingsBackgroundColor`	`Color`	`#1D1D1D`	Settings sheet background

PlayerTextConfig

Property	Type	Default
`invalidYoutubeUrlText`	`String`	`"Invalid YouTube URL"`
`videoLoadFailedText`	`String`	`"Failed to load video"`
`playerSettingsText`	`String`	`"Player Settings"`
`autoPlayText`	`String`	`"Auto Play"`
`loopVideoText`	`String`	`"Loop Video"`
`forceHdQualityText`	`String`	`"Force HD Quality"`
`enableCaptionsText`	`String`	`"Enable Captions"`
`muteAudioText`	`String`	`"Mute Audio"`

PlayerVisibilityConfig

Property	Type	Default
`showControls`	`bool`	`true`
`showFullscreenButton`	`bool`	`true`
`showSettingsButton`	`bool`	`true`
`showAutoPlaySetting`	`bool`	`true`
`showLoopSetting`	`bool`	`true`
`showForceHDSetting`	`bool`	`true`
`showCaptionsSetting`	`bool`	`true`
`showMuteSetting`	`bool`	`true`

🏛️ Architecture #

lib/
├── adaptive_video_player.dart                    # Package exports
├── adaptive_video_player.dart            # Smart YouTube/direct video detection
├── normal_video_player/
│   ├── normal_video_player.dart          # Chewie-based video player
│   └── model/
│       └── video_config.dart             # Video configuration model
└── youtube_player/
    ├── youtube_video_player.dart          # Main YouTube player (platform-aware)
    ├── cubit/
    │   ├── youtube_player_cubit.dart      # BLoC state management
    │   └── youtube_player_state.dart
    ├── models/
    │   └── player_config.dart            # YouTube player config models
    ├── utils/
    │   ├── player_utils.dart             # Player utility functions
    │   ├── youtube_web_actual.dart        # Web iframe implementation
    │   ├── youtube_web_export.dart        # Conditional export
    │   └── youtube_web_stub.dart          # Stub for non-web
    └── widgets/
        ├── youtube_webview_player.dart    # Desktop WebView player (localhost)
        ├── player_controls.dart          # Seek overlay, loading, error widgets
        ├── player_bottom_actions.dart    # Bottom action bar builder
        ├── player_settings_sheet.dart    # Settings bottom sheet
        ├── player_settings_helper.dart   # Settings helper
        ├── setting_item.dart             # Individual setting toggle
        └── fullscreen_player_page.dart   # Fullscreen player page

🔧 Supported Formats #

YouTube URLs: youtube.com/watch?v=... · youtu.be/... · youtube.com/embed/... · m.youtube.com/watch?v=... · Direct Video IDs

Video Files: MP4 · MOV · AVI · MKV · WebM · M4V · 3GP · FLV · WMV

❓ FAQ #

Q: I get "Error 153" on Windows Desktop.
A: This is handled automatically. The package serves YouTube via http://localhost to bypass the restriction.

Q: I get "Nuget is not installed" on Windows.
A: Run winget install Microsoft.NuGet and restart your IDE.

Q: MP4 videos don't play on Windows.
A: Add WindowsVideoPlayer.registerWith() in your main() before runApp().

Q: Does it work on macOS/Linux?
A: Desktop support uses InAppWebView which primarily supports Windows. macOS/Linux support depends on flutter_inappwebview platform availability.

🤝 Contributing #

Fork the repository
Create your feature branch (git checkout -b feature/amazing-feature)
Commit your changes (git commit -m 'Add amazing feature')
Push to the branch (git push origin feature/amazing-feature)
Open a Pull Request

📝 License #

This project is licensed under the MIT License — see the LICENSE file for details.

👨‍💻 Author #

Ahmed Mohamed Alam · GitHub: @ahmedalam782

🙏 Dependencies #

youtube_player_flutter — YouTube player for mobile
flutter_inappwebview — WebView for Desktop YouTube
video_player — Flutter's official video player
chewie — Video player controls
flutter_bloc — State management
video_player_win — Windows MP4 support

adaptive_video_player 1.0.4 adaptive_video_player: ^1.0.4 copied to clipboard

Metadata