youTubePlayer | two Lightning Web Components to add YouTube video | Frontend Framework library

Well, as it is right now, loadTrailer2 is a local function declared inside onInitializationSuccess - it only exists while that function is running, so you can't access it from outside that scope.

You could move it into the object itself, but since it relies on the YoutubePlayer object being passed in, how would you call it? Do you have access to that player in onCreate?

If you did have access to it (e.g. when the initialisation first succeeds, you store it in a ViewModel or something, and use that next time you create a fragment) you still have an issue: the type of youtubePlayerInit is YouTubePlayer.OnInitializedListener, and you're adding another method to your object, one that isn't part of that YouTubePlayer.OnInitializedListener interface.

What that means, is nothing actually knows that method exists. If you create that anonymous object inside a function, the compiler sees it as a special type that contains that method, so you can access it directly:

Some comments before code)

1. don't put this final _ytController = YoutubePlayerController... into builder - you recreate all controllers every time, when run setstate. You have to make some list of controllers for every video and fill it into init override
2. reset to begin you should do with _ytController.seekTo command.
3. save you isPlayng states into global list and check it into the builder
4. I got Metadata title from contrller ONLY when concrete video is playing. So better way - load titles for your videos previously through usual http.get request (to something like such https://noembed.com/embed?url=https://www.youtube.com/watch?v=668nUCeBHyY)

my code:

You can use the boolean returned from onFullScreenChange to determine if the player is in fullscreen or not and from there, set the correct orientation, I'm unable to test now but it should be something like that

setState refresh widget itself and it child widgets. So, if you put widget which you want to refresh on level beneath YouTube player, it won't refresh that player

My solution was missing the array.

you are basically already answering your own question.

First you need to get the videoID of your livestream and for that you need a youtubeAPI key that afaic you dont need for pierfrancesco's library. The following video explains how to get it. please be mindful of the restrictions you place on the API key as it wont work if its too restricted (its probably best to not restrict it at all at first). Then you fill in the channelID and API key into the url you so kindly provided

The error you're seeing is an eslint rule warning you about a missing dependency in a react hook dependency array. It's telling you that you should include setPlayer in your list of dependencies because it can't tell if it's a stable reference. The reason it doesn't complain about dispatch from useReducer is because useReducer and its functions are explicitly handled in the eslint rule. Eslint doesn't know your function is stable, but you do, so it's safe to put it in to the dependency array and silence the error.

I, Also have the same problem as you when click fullscreen it became like that on your image provided but as i search through i found a way to wrap the youtube player to youtube player iframe.

then after adding this package i can freely fullscreen and back to same it was.

https://pub.dev/packages/youtube_player_iframe

When you add app:popUpTo="@id/homeFragment", app:popUpToInclusive="true" to your navigation action, this means you want to remove the homeFragment from back stack. essentially meaning when you press back, homeFragment will no longer be there, if you want back button to take you to homeFragment, you need to update the action as