• 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 7 years 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.

    Thread Starter denkoe

    (@denkoe)

    Hey,
    Thanks so much for your quick reply. My website is https://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 7 years 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

    Thread Starter denkoe

    (@denkoe)

    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

    Thread Starter denkoe

    (@denkoe)

    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

    Thread Starter denkoe

    (@denkoe)

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

    Dennis

    Thread Starter denkoe

    (@denkoe)

    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.