Support » Plugin: Switch Video Quality » No quality options available

  • Resolved denkoe

    (@denkoe)


    Hi there,
    I have downloaded your awesome plugin, but for some reason it seems not to work properly on my site. There is always only 1 option available, and even this one is not displayed correctly in the player. You can’t really read the “1080p” tag because there is a weitd circle thing on top of it.
    How can I add a screenshot here?

    • This topic was modified 2 years, 8 months ago by denkoe.
Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author team-ok

    (@team-ok)

    Hey,
    you can’t upload screenshots here, but you can use a service like https://cloudup.com/ and share the link.
    But it would really simplify debugging, if you could post a url of a website where I can see what’s going wrong.

    Hey,
    Thanks so much for your quick reply. My website is http://www.denniskoeppl.com
    There is a portfolio on the current site, and you can see the issue on the very first item called “Aconcagua”.

    Cheers,
    Dennis

    • This reply was modified 2 years, 8 months ago by denkoe.
    Plugin Author team-ok

    (@team-ok)

    Hi Dennis,

    ich schreib mal auf Deutsch zurück :).
    Der Kreis über dem Auflösungs-Switch wird vom CSS deines Themes erzeugt. Um ihn zu entfernen, kannst du folgende Angaben in deine style.css einfügen (oder besser über ein Plugin wie Simple Custom CSS, da bei einem Update des Themes die style.css überschrieben wird):

    .svq .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label::before {
        display: none;
    }

    Warum immer nur eine Auflösung angezeigt wird, kann ich so leider nicht sagen. Ich kann nur sehen, dass es kein Javascript oder CSS-Problem ist, daher muss bei der Verarbeitung des [video] shortcodes irgendetwas schiefgehen.
    Hast Du noch irgendwelche anderen Plugins aktiv, die etwas mit Videoausgabe zu tun haben? Vielleicht gibt es hier einen Konflikt.
    Werden denn im WordPress Backend die verschiedenen Qualitätsstufen gespeichert? Wie legst du die Videos an?
    Du solltest folgendermaßen vorgehen:

    • Im Texteditor an beliebiger Stelle den [video] shortcode platzieren. Du kannst noch eine Breite angeben, ansonsten erfolgen alle weiteren Einstellungen über die Eingabefelder des SVQ-Plugins unterhalb des Editors
    • SVQ aktivieren und Videos einfügen (du kannst in der WP Mediathek mehrere Videos gleichzeitig auswählen und einfügen)
    • Wenn du oben rechts auf das Plus-Icon klickst, wird eine neue Eingabebox erstellt und du kannst ein weiteres Video (wiederum mit verschiedenen Qualitätsstufen) hinzufügen. Dann wird automatisch eine Thumbnail-Playlist unterhalb des Players angezeigt.

    Falls es weiterhin nicht geht, wär es gut, wenn du mir einen temporären Nutzeraccount für deine Seite anlegen würdest. Dann könnte ich sehen, ob etwas im Backend schief geht.

    Bis dann,
    Timo

    Hi Timo und Grüße aus München,

    Tausend Dank für diene Antwort. Ist mir fast etwas peinlich, aber ich hatte einfach immer nur eine Version ausgewählt. Ich hatte angenommen dass die Versionen automatisch erkannt werden wenn sie in der Media Library liegen. Jetzt habe ich die zusätzlichen Versionen mit eingetragen und alles klappt genau so wie es soll.

    Merci auch für den Code, funktioniert auch super! Ich habe mal alle Plugins deaktiviert und der Kreis war immernoch da, das muss also am Theme selbst liegen. Mit dem Code ist der aber auch verschwunden.

    Eine Sache ist mir noch aufgefallen: Mir wird neben dem Zahnrad kein HD Label angezeigt wenn 1080p oder 720p aktiv ist. Also bei der Auswahl der Versionen schon, wenn man auf das Zahnrad klickt, aber nicht während das Video läuft. Ist das normal so?

    Danke nochmal für den super Support,
    Dennis

    Oh, und kann man als default Qualität 1080p einstellen falls verfügbar? Im Moment wird 720p als default gewählt.

    Danke,
    Dennis

    Plugin Author team-ok

    (@team-ok)

    Hi Dennis,

    freut mich, dass jetzt alles läuft.

    Das HD-Label wird tatsächlich seit dem letzten Update nicht mehr angezeigt. WordPress hatte den Videoplayer geupdated und danach waren die HD und 4K Label nicht mehr kompatibel (falsche Bildgröße). Ich werd das im nächsten Pluginupdate wieder hinzufügen.
    Du kannst aber folgenden CSS-Code benutzen, um die Label zu erzeugen:

    .svq .mejs-controls .mejs-sourcechooser-button button {
      overflow: visible;
    }
    .svq .mejs-sourcechooser-button.hd button::before, .svq .mejs-sourcechooser-button.uhd button::before {
        position: absolute;
        top: 50%;
        right: -3px;
        font-size: 7px;
        font-weight: bold;
        color: #fff;
        background-color: crimson;
        line-height: 8px;
        margin-top: -4px;
        padding: 1px 0;
        width: 15px;
    }
    .svq .mejs-sourcechooser-button.hd button::before {
        content: 'HD';
    }
    .svq .mejs-sourcechooser-button.uhd button::before {
        content: '4K';
    }

    Zur default quality:
    das Plugin wählt bei Seitenaufruf immer das Qualitätslevel, das am besten passt, d.h. es wird das Video geladen, dessen Auflösung gerade so groß ist, dass es nicht im Browser hochskaliert werden muss. Welches Video genommen wird, ist daher auch abhängig von der Größe des Players auf der Seite.
    Der Sinn hiervon ist, dass z.B. ein HD-Video nicht heruntergeladen werden muss, wenn der Player eh nur 480p darstellt.

    Du kannst aber auch eine default quality explizit festlegen. Einfach folgenden Code in die functions.php deines Themes einfügen:

    add_filter('svq_default_quality', 'set_svq_default_quality');
    
    function set_svq_default_quality(){
        return 1080;
    }

    Das Plugin wählt dann standardmäßig das Video, das am nähesten an die gesetzte Auflösung heranreicht, aber nicht kleiner ist (es würde z.B. ein 2160p Video wählen, wenn ansonsten nur ein 720p Video hinterlegt wäre).

    Viele Grüße
    Timo

    Sorry für die späte Antwort,
    Es läuft alles perfekt jetzt. Danke für den super Support!

    Dennis

    Hallo Timo,
    Ich reaktiviere jetzt einfach mal diesen Thread bevor ich einen neuen starte.
    Ich habe jetzt bei einigen Videos subtitles eingefügt, und da habe ich jetzt leider das selbe Problem wie vorher bei den Qualitätsstufen, nämlich das mein Theme wieder einen Kreis über den Optionen erzeugt und das Label abschneidet.

    Gibt es dafür evtl. auch so eine schnelle Lösung über CSS Code?

    Tausend Dank schonmal im Voraus

    Plugin Author team-ok

    (@team-ok)

    Hi Dennis,

    ja, das ist wieder das gleiche Problem: dein Theme fügt bei Eingabefeldern Icons hinzu.

    Lösch einfach von dem Code, den du beim letzten Mal eingefügt hast, diesen Teil weg:
    .mejs-sourcechooser-button .mejs-sourcechooser-selector

    Der Code sollte dann so aussehen:

    .svq .mejs-controls ul li label::before {
        display: none;
    }

    Dadurch gilt er für alle Label in der Controlbar des Players, nicht nur für den sourcechooser.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘No quality options available’ is closed to new replies.