aframe <a-video> controls

[learnTech2022]

how to add a component ? i have followed all the steps u mentioned , but only change in my case is i am not using 360 degree video, instead i have a collection of videos which i want to create video gallery and add a controls to them.

Problems:

1. Start and pause button comes initially and get eased out.
2. I am using a-video tags, but for me controls functionality is not working at all.

Here is a sample of my code: <a-scene> <a-assets> <img id="video-play-image" src="images/play.png"> <img id="video-pause-image" src="images/pause.png"> <video id="video_beacon_offers" loop="true" src="videos/video_beacon_offers.mp4"> </a-assets> <a-video src="#video_beacon_offers" width="16" height="9" position="0 0 -20"> </a-video> <a-entity video-controls="src:#video_beacon_offers"> </a-entity> </a-scene>

Also please suggest me on how to create a video gallery in aframe. i have collection of videos which want user to see them all as thumbnail and click on particular video to play it.

Thanks Krishna

[oscarmarinmiro]

mmmm... the component is really made for 360 videos, not flat videos, since the UI is 'floating' in 360 space. Probably I'll do a flat version, will keep you informed

[mrdavidburns]

Video controls are working for me, at least on desktop browser. But none of the attributes do anything. it would be nice to be able to resize the controls since right now they appear very small.

[mrdavidburns]

Found I can resize them using scale attribute.

I'm also interested in a flat controller for <a-video> which can exist outside the video player.

[aliy321]

can the control be reposition?