Media from several video services inside tabs, maybe there are ready-made solutions or what to do?

Question

Bootstrap

There are tabs with the following navigation:
- Youtube
- Vimeo
- Vkontakte
- Odnoklassniki
Inside the iframe, of course, is it possible to stop playback in inactive tabs when switching between tabs. Or not to use such a number of services, but to fasten the slider?

Answer 1

- You can embed-cut the video code into each tab from a variable or invisible area each time you open a tab
- you can use the API to control the video. YouTube definitely had an api to control the state of the vidos