Video Scroll View

This is guide to create a video list view with top video auto play.

We all know what is video list view but for auto video play we have some confusion

We have seen in many apps that play the video that you just touch and scroll example youtube ,yes then why not experiment this feature in Niotron. So Let’s gets started -

Required Components and Extensions -

image

1) Decoration Component Extension
2) Dynamic Component Extension
3) Component Tools Extension

After Importing Components and Extensions move on to the blocks section -

Create some Variables first

Got Till Now ??

Then as we are creating it dynamically so we need to create list from it

Now as you can see we have added one block on decoration which is named as Set Touch On Listener

So what we are actually doing is we are making touch event not click it’s touch so when user touch on the card view we are making thumbnail visibility to false and the exo player visible to true and play the specific url / video.

Imp - When you create touch listener don’t forget to clear / restore last player thumbnail otherwise it will play all the videos in the list you can do same as below given img

Mute / Unmute (Optional)

I have added mute / unmute feature.

Hope you get the guide through your mind

Aia file

Test Apk

:mask: Stay Safe , Stay Healthy , Wear Your Own Mask :mask:

6 Likes

Such A Great Guide. Thanks for Sharing This Tutorial :heart_eyes: :heart_eyes: :heart_eyes:

2 Likes

I will surely use this tutorial in my next app.

1 Like

I was looking for this only, And the same I got

Amazing work @Bharat_Android_App :astonished: :open_mouth: . No word to express. I will sure add this.

1 Like