Demo THEOplayer

Custom quality labels

Test custom labels with this demo we built from THEOplayer. We make it easy so you can focus on other aspects of the streaming strategy.


Example code

Here's an example of how you can group small definition qualities under the SD label for qualities smaller than 720p and group high definition qualities under the HD label otherwise:

var updateQualityLabel = function(event) {
    var qualities = event.track.qualities;
    for (var quality of qualities) {
        if (quality.height >= 720) {
            quality.label = "HD";
        else {
            quality.label = "SD";

Still wasting time debugging video playback problems?

Welcome to cutting-edge video, delivered efficiently and on any platform. We think you're going to like it.