Black patch youtube android api

Question

I have implemented youtube player api for android, when I put youtube player inside the scrollview and start the video, the moment I pause the video and scroll the screen up and down it has black patch with it.

I could not get why the black patch is coming over?I tried to capture the screen but the screenshot does not have the black patch.

Below is my code :

<com.google.android.youtube.player.YouTubePlayerView
            android:id="@+id/youtube_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />

Answer 1

the black patch appears because the video view uses a SurfaceView. The real view is a "black hole" and the video is underlaid by hardware. Any direct manipulations to the view layout cause this view stacking to desynchronize: you are in fact seeing Android's underwear, and you will see that different phones/tablets react differently, for example in my older galaxy tabs this effect is very noticeable, while the newer, faster Amazon Kindles do much better jobs.

There's nothing you can do about it. This is related to Android's graphic internals, they need to fix the engine to allow better scrolling of surfaceviews.

Answer 2

Actually there is a workaround for this problem. You need to put a listener to your ScrollView and catch the Y distance. When the Y distance is close to the height of the YoutubePlayerView you need to pause the video.

scrollView.getViewTreeObserver()
                .addOnScrollChangedListener(() -> {
                    onScroll(scrollView.getScrollY()); 
                    }
                });


private void onScroll(int position)
    { 
            if (position>300 && position <400)
            {
                canPauseOnScroll=false; 
            } 

            if (canPauseOnScroll)
            {
                canPauseOnScroll=false;
                ytHelper.getPlayer().pause();
            } 
    }