External Audiofiles - Darstellungsfehler Zeitanzeige bei mouseover

Um alle Funktionen dieser Webseite nutzen zu können, sollten Sie sich registrieren oder einloggen.
1. offizieller Beitrag

    Hallo,

    ich habe vom eigenen Server Audiodateien (.mp3) eingefügt, was auch so weit funktioniert, allerdings mit einem Schönheitsfehler. Die Anzeige der Zeit beim mouseover ist abgeschnitten:

    Ich habe das mit etwas css gefixt (die Höhe des Players wollte ich nicht verändern):


    CSS
    /*Korrektur Mediaanbieter External Audiofiles - Chris*/
.mejs__time-float {
	top: -15px;
}


    Allerdings wirkt sich das auch auf externe Videos aus, wo es nicht nötig ist und weniger gut ausschaut. Gibt es eine Möglichkeit, zwischen Audio- und Videofiles zu unterscheiden? Oder eine bessere Lösung als meinen simplen Fix?

    lg,
    Chris

    • Offizieller Beitrag

    Hallo,

    bei dem Medienanbieter gebe ich ab dem nächsten Update eine weitere Klasse mit. Damit kann sich das jeder selbst anpassen

    Tausche mal den HTML-Code wie nachfolgend aus:

    HTML
    <li class="box32"><span class="icon icon32 icon-music"></span></a><div><p><audio class="ExternalAudiofiles" controls="controls" preload="none" src="{$ID}" type="audio/{$FORMAT}"></audio></p><p>{$FILE}</p></div></li>


    Dann ändere den CSS-Teil wie folgt:

    CSS
    .ExternalAudiofiles {
    .mejs-time-float {
        top: -15px;
    }
}

    Den CSS-Teil packe ich aber nicht mit ins Plugin, sodass der bei dir in den Stileinstellungen bleiben muss.

    Ich habe mich noch etwas herumgespielt und eine elegantere Lösung gefunden, die Darstellung entspricht, glaube ich, der WCF-Variante (nur am Desktop getestet):

    CSS
    /*Korrektur Variante 2 Mediaanbieter Externe Audiofiles - Chris*/


.mejs__container.mejs__container-keyboard-inactive.mejs__audio {


	margin-top: 11px;


}

    bringt folgendes Ergebnis:

    lg,
    Chris

  • The_Waiters 30. Dezember 2018 um 19:58

    Hat das Label von Umsetzung/Behebung geplant auf Umgesetzt und Veröffentlicht geändert.

  • The_Waiters 24. November 2019 um 16:24

    Hat das Thema geschlossen.