Floating Video Window

We can allow microsites to create a floating video window that is always on top

of other windows so that users may continue watching videos while they interact
with other pages on the microsite or applications on their device.

 


Live Output


 

Credits: Thanks to all the fine creators at the © copyright Blender Foundation for the cool test videos we use all the time. | www.blender.org.

Version Notes:   This uses Picture-in-Picture functionality that is built into browsers starting in ~ 2019.  So some earlier browsers won’t support it.

Works on Firefox (Dec 2019+)

https://www.engadget.com/2019-12-03-firefox-pip-video-windows.html

Chrome, versions 70+, 71+, 74+ (depending on which calls we need to make)

https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture

Opera:

https://www.gizmoir.com/how-to-watch-videos-in-picture-in-picture-mode-on-browsers-743