How to add YouTube Video Player in Flutter | Flutter Tutorial

Flutter Video Player Tutorial

Wanna learn how to add Notification to your Flutter Apps??
Join the waitlist and get a Huge special discount!!!

### Description

In this video we will learn to integrate YouTube Video Player in Flutter apps by making you of **youtube_player_flutter** which make adding Youtube player in flutter super easy .

**youtube_player_flutter** support both android and Ios with no Native setup and provides this many feature

- Inline Playback
- Supports captions
- No need for API Key
- Supports custom controls
- Retrieves video meta data
- Supports Live Stream videos
- Supports changing playback rate
- Support for both Android and iOS
- Adapts to quality as per the bandwidth
- Fast Forward and Rewind on horizontal drag
- Fit Videos to wide screens with pinch gestures

Socials

[emmankianga]

Does it support google cast and airplay for the videos?

[chanduavula]

i have many widgets in the same screen, if i play the video in landscape mode complete screen in changing in to landscape ( all my other widgets in the screen like buttons, text ...etc). how can play you tube video alone in landscape...? please support.

[PSWATHIKAG]

Rejecting promise with error: TypeError: Cannot set properties of undefined (setting 'nativeCommunication') why does this occur??

[afradahsan]

Thanks mate! it worked perfectly fine! :)

[fallzero]

When i try to add link of Youtube shorts it doesnt play, shows error cant play message.

Edit: found the solution
The Convert URL to id thing provided within the package doesnt work for youtube shorts links rather only for video links.
Its a weird thing considering Shorts are a integral part of Youtube now.
Just use split or your own custom logic to extract the id which would be the random alphabets at the end of the link for.eg qwedj-cdd-
YT shorts works when you give the correct id

[sajedulislam]

The notch area is blank when the status bar is hidden or in Fullscreen mode... I was working with a video player and came up with this problem. Can you please help 🙏... Or does anyone have any idea how to get a true full screen????😢😢😢

[cellastudio]

Your help plus copilot, will finish it in 1 minute.

[collintan]

Hi, I did everything you did but get a red screen 'LateInitialization error', '_controller' has not been initialized.

[walidloubar]

i didnt use your code i was just passing by to see if we can do it in flutter
when i saw the commentary section and how u invest ur time to answer everyone i just wanted to tell you i am following you just for that because people who invest time for this deserve a follow.
keep going my friend

[MarkeTrade-MarketPlace]

I have a question
Whene i click fullscreen for video
The video zoom auto

[danielspears]

does apple allow this on your app in the appstore if its paid. do i have to contact other people to play their videos inside my app?

[zedicustenebres]

Help the video loads i can see the image but video is not playing

[daniellbrinneman]

How do you check for error 150 (copyright restricted embed) on YouTube livestream and then redirect to YouTube app?

[nikhilkumarjamwal]

i am getting black loading screen.
it says "The controller is not ready for method calls." in the debug console screen.

[darmawanssbali]

Thank you, on the android emulator I can watch it fine, but when I run my phone, just still buffering(cannot play). anyone fell that?

[codecraftmanisha_official]

How to achieve this with getx i am stuck there

[AldorCrap]

Help, when adding it to my pubspec, then pub get and running the app, it throws this error:
FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task
> Compilation failed; see the compiler error output for details.
Is there any compatibility issue with latest flutter version?

[zalekbloom]

Great app!!! Is there a way to add text under the video or a text which is under the video like in yours "How to add YouTube Video Player in Flutter | Flutter Tutorial"?
I tried to add a Text widget after YoutubePlayer widget, but the text is not showed. Meantime I am adding text in AppBar(title: -
Anyway thanks!

[salaheddinenaciri]

Hi, please when I use full screen, it still shows the appbar and bottom bar

[Nicosfrs]

Great video, one question, I cannot update (show another one) the video shown on the screen after the controller was initializated, how could I?