Controlling multiple video at the same time
Hi,
I have an Angular application and I want to create a new feature that shows a few videos side by side. All of them should be controlled from the same bar. I assume I should implement the bar myself, but I can't find the proper way to control all of the video while scrubbing.
Cheers
-
Hey Eli,
I think I may have found a solution to the described use case.
With video transformation, you can create a "collage" of the relevant videos, essentially combining them to a single video, and control them all with player bar. For instance, here is a simple example -
Please let me know if you want me to elaborate on that approach.
An additional approach would be playing each video in a different element/player and listening to the "seek" and "seeking" events. Onc fired, use the "currentTime" attribute in order to set all videos to the provided time.
Additional information can be found here -
https://www.w3schools.com/tags/av_prop_currenttime.asp
https://www.w3schools.com/tags/av_event_seeked.asp
https://www.w3schools.com/tags/av_event_seeking.asp -
Hi there,
Yes, you can overlay one video alongside (or over) the other.
See here an example for 2 different videos:Regards,
Wissam
Please sign in to leave a comment.
Comments
5 comments