Flowplayer · Quality selector plugin outside Drive
The VOD quality selector plugin for Flowplayer Drive can also be used with videos which are not served from Flowplayer Drive. Here is a variant of this demo, but the video files are not loaded from Drive - you can see that the Free player is branded - and a playlist is loaded.
An IFRAME is offered for embedding with the same setup.
Test without hlsjs plugin.
The quality selector setup is easy: Simply load the VOD quality selector plugin in the page's HEAD section ...
Basic playlist styling as in this demo.
Iframe embed code
Try out the IFRAME embed code. The embedded page can be inspected here. Take a look at its source to find out about the slight differences:
- No custom playlist, the default playlist design is very suitable for this purpose.
- The configuration additionally sets the
native_fullscreenoptions to handle fullscreen mode gracefully from within an IFRAME.
Disclaimer: It is not possible to offer the IFRAME via HTTPS, but in production you should aim to do so, optimally configuring the location without protocol. Otherwise browsers complain when the IFRAME is embedded on secure pages.