Replacing player from iframe/embed video with own player?

Question

Video

There are services (RuTube, for example) where you can copy the video code (most often iframe) and paste it on any site. The video will play in the player service. But how to make it play in its own player, or hide the controls of the native player of the service and display elements of the native player on top of them? Given that there is no direct link to the video file, but only the iframe's src.

Answer 1

Parse the iframe, get the video ID, get the stream address via the API and play it in your own player. I'm not sure what's going on with rutube, but with YouTube, similar things roll
the Youtube video in plyr: https://jsfiddle.net/Stalk/67kk51aw/
vimeo he also knows how.
And displaying something on top of an iframe is not a good idea, as it is clickjacking, which is not liked due to security problems.