Custom quality switch buttons

You can make a separate button instead of a drop-down list to switch to the best quality and back. For example:

You need to create a custom element for the control panel (text or SVG icon).

The opacity for the button must be set to 0.5. When switching to better quality, the button will automatically light up brighter.

In the file parameter in this case you need to provide two links to video or audio.

[lq]//site.com/lq.mp4,[hq]//site.com/hq.mp4

Provide in the action field api:hd,lq/hq

Automatic saving of the selected quality Settings / Memorization / Memorization of the selected quality will have to be disabled (with such a button it will not work). But you can specify the required quality in the code from the outside using the default_quality parameter.

default_quality:"hq"

Or you can use the JS API, if you set an identifier in a button in the constructor (for example, quality). Such a command will switch the button:

player.api("hd","lq/hq","id:quality");

---