Youtube_player_flutter: [NEW] youtube_player_iframe package

[sarbagyastha]

Published a new package youtube_player_iframe. This package will be migrated to use it as dependency.

The new package is one-to-one mapping of Youtube Iframe Player API.

Why new package?

The current package have some issues like:

• has only one player skin
• switching to fullscreen has bugs (due to limitation of platform views)
• ads not showing up
• code was a bit messy (as i started it when i was not so experienced 😉)
• only worked on Android & iOS.

How the new package try to solve this?

• The new package exposes all the APIs, so that one can easily build custom player as per their needs.
• Relies on fullscreen view of platform itself, instead of trying to solve it though platform views, so is quite stable.
• As per Requirements for ads for embedded videos
  
  
  
  1. The playback shouldn't be scripted, and it was always scripted on the current package. While, in the new one, the playback can be click-to-play as no custom skin is rendered over the default player.
  
  
  2. The playback should be under trusted sites.
  
  
• Cleaner code.
• Works on Web too.
• Supports playlists.

What about the current package?

The current package will be refactored to use the new package as dependency. It will provide the same custom skin as it is providing today and I'll try not to add any large breaking changes.
But the package will only be optimsed to use single player per page. It won't support list of player as it's very complex to handle fullscreen switch, with multiple players that too with existing limitations of platform views. The new package should be used for the purpose.

After the current package is refactored. It will be almost similar in terms of features with the new one, with all the added refactors and optimizations, with a custom skin on top of it.

[gmongs]

धन्यवाद। 감사합니다. Thank you!

[kbokarius]

Thanks @sarbagyastha! To confirm, when the refactoring is complete for using this new iframe library, then ads will start to show up?

Also, is there a guesstimate as to how long it will take to complete the refactoring? We're worried that we're breaching Youtube's policies since ads aren't showing up with the current player.

[sarbagyastha]

To confirm, when the refactoring is complete for using this new iframe library, then ads will start to show up?

You can read Requirements for ads in embedded player. The new library compiles with all the requirements. But ads are not showing up, so it could be issue with iFrame Player API itself.

Also, is there a guesstimate as to how long it will take to complete the refactoring?

It shouldn't take long, have been slightly busy lately so it's being delayed.

We're worried that we're breaching Youtube's policies since ads aren't showing up with the current player.

We're not explicitly blocking the ads, it's not showing up by itself. Also, this package is not using any third party APIs or hacks. So, it doesn't breach YouTube's Policies.

[Shakle]

iOS is always black screen (Android is good)

• embedded views set to true
• tried real device

[RohithKilaparthi]

Waiting for the update so that the ads show up. Good work @sarbagyastha
Wishing you all the luck.

[sarbagyastha]

You'll need to enable desktopMode, for the ads to show up in youtube_player_iframe.

[prashantspandey]

Is there a way to disable long press ( because options appear) ?
Is there a way to disable share button at top?

[sarbagyastha]

Is there a way to disable long press ( because options appear) ?
You can try absorbing long press gesture.

Is there a way to disable share button at top?

You can use hideTopMenu() to do that, as below.
https://github.com/sarbagyastha/youtube_player_flutter/blob/605ac8e223603792e0921ddb72651e92d71def24/packages/youtube_player_iframe/example/lib/main.dart#L70-L76

[kbokarius]

@sarbagyastha how is the refactoring coming to include the new youtube_player_iframe package in the player? We're launching our app next month but can't include the player until the ads issue is resolved, thank you!

[MotebangM]

@sarbagyastha does this package support Google Ad Manager tags/ ads in general? and how would enable ads on the player

[EmreKaratopuk]

Hello,
When to add the video quality parameter, we are looking forward to this :)

[kalismeras61]

Can we do full screen with auto rotate ?

[sallypeters]

This plugin works much better then youtube flutter player , however , quality is not very clear - is there an option to control the quality and whether we can get HD quality . I have a 1000MB connection and quality is poor.

[RohithKilaparthi]

@sarbagyastha Even with desktopMode active, I don't see the ads showing up. Can you check and confirm?

[maoamid]

youtube_player_iframe support live streams ?

[markgrancapal]

somehow for me when using youtube_player_iframe on flutter web, hideTopMenu() and hidePauseOverlay() doesn't work

[adeolaex]

@sarbagyastha How do we force the PlatformView to show up within the flutter screen ?

It seems to be opening up a whole Platform when ever I navigate to the Youtube Player Screen.

[llullanqui]

@sarbagyastha How do we force the PlatformView to show up within the flutter screen ?

It seems to be opening up a whole Platform when ever I navigate to the Youtube Player Screen.

I'm having the same issue as @adeolaex . When I enter the page which is intended to show the player, it navigates to a new page instead.

Is there some sort of additional configuration needed to see the player in the page, or does this just happens because it is an emulator?

[MWStudio4]

The same issue on ios 14.2. Video opened in new page instead of current Container

[faris-acodez]

@sarbagyastha its been a year..
Anyone here tried and got to make the advertisement play in the player.?
I tried several methods and failed :(

[faris-acodez]

@sarbagyastha Even with desktopMode active, I don't see the ads showing up. Can you check and confirm?

Any solutions after this?