youtube_player_embed

Pub Version License GitHub Stars

youtube_player_embed is a lightweight and customizable Flutter package that allows you to embed YouTube videos into your Flutter applications using an InAppWebView. It provides options for autoplay, mute, and seamless integration into any UI.

youtube_player_embed

Pub Version License GitHub Stars

youtube_player_embed is a lightweight and customizable Flutter package that allows you to embed YouTube videos into your Flutter applications using an InAppWebView. It provides options for autoplay, mute, and seamless integration into any UI.

Features

  • 🎥 Embed YouTube Videos easily with minimal configuration.
  • 🔄 Autoplay Support for instant video playback.
  • 🔇 Mute Option for silent playback.
  • 📱 Responsive Design with aspect ratio support.
  • 💡 Customizable and supports removing YouTube branding buttons.

Installation

Add the following dependency to your pubspec.yaml:

dependencies:
  youtube_player_embed: ^0.0.1

Run the following command to install the package:

flutter pub get
  • 🎥 Embed YouTube Videos easily with minimal configuration.
  • 🔄 Autoplay Support for instant video playback.
  • 🔇 Mute Option for silent playback.
  • 📱 Responsive Design with aspect ratio support.
  • 💡 Customizable and supports removing YouTube branding buttons.

Installation

Add the following dependency to your pubspec.yaml:

dependencies:
  youtube_player_embed: ^0.0.1

Run the following command to install the package:

flutter pub get

Usage

Import the package:

import 'package:youtube_player_embed/youtube_player_embed.dart';

Embed a YouTube video in your app: Import the package:

import 'package:youtube_player_embed/youtube_player_embed.dart';

Embed a YouTube video in your app:

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'YouTube Player Embed Demo',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('YouTube Player Example'),
        ),
        body: Center(
          child: YoutubePlayerView(
            videoId: 'dQw4w9WgXcQ',
            autoPlay: true,
            mute: false,
            enabledShareButton: false,
          ),
        ),
      ),
    );
  }
}

Example Project

A complete example project is available in the example directory.

To run the example:

cd example
flutter run

API Reference

YoutubePlayerView

Property Type Default Description
videoId String Required The YouTube video ID to embed.
enabledShareButton bool false enabled or disabled share button
autoPlay bool true Whether the video should autoplay upon loading.
mute bool false Whether the video should be muted by default.

Supported Platforms

  • ✅ Android
  • ✅ iOS
  • ✅ Web (with limitations)
  • ✅ Desktop

Troubleshooting

  • Ensure you have added the flutter_inappwebview dependencies correctly.
  • For iOS, add the following to your Info.plist:
<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests on the GitHub repository.

License

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

Author

Developed by Mohamed Elsafty.
Feel free to reach out for support or feedback!

Feedback & Support

If you encounter any issues or have suggestions for improvement, please open an issue on GitHub or contact me at nesr107@gmail.com.

Libraries

youtube_player_embed