Ich versuche, die Videosteuerelemente in meinem Video zu verbergen, bis der Benutzer den Mauszeiger über das Video hält und die Steuerelemente angezeigt werden. Irgendeine Idee oder Rat? Vielen Dank. Und ich habe mehr als ein Video.
HTML:
%Vor%Wir können dies mit nur ein paar Zeilen jQuery erreichen, indem wir .hover () verwenden:
Bearbeiten Ich habe fälschlicherweise die Variable video im obigen Code vergessen. Ich habe es in this geändert, so dass Sie keine Variablen verwalten müssen, die eine ID erhalten.
HTML
%Vor% Aktualisierung:
Du hast erwähnt, dass du mehrere Videos hast. Sie können also dieselbe Logik verwenden und nur zusätzliche Selektoren in $( ) hinzufügen. Hier ist ein Beispiel:
Das wird hören oder warten, bis es feststellt, dass Sie sich über einer dieser IDs befinden.
Ein Problem mit @ EnigmaRMs Antwort ist, dass, wenn jQuery irgendwie ein hover -Ereignis vermisst, die Steuerelemente auf die "falsche" Weise umgeschaltet werden können - das heißt, sie verschwinden bei Mauseingabe und erscheinen bei Mausklick wieder.
Stattdessen können wir sicherstellen, dass die Steuerelemente immer mit event.type :
Ungetestet, aber ich glaube, das würde funktionieren. Es verwendet JavaScript anstelle von CSS.
%Vor%In einem früheren Post wurde erklärt, wie man es so macht HTML5-Video - show / hide-Steuerelemente programmatisch
%Vor%Überprüfen Sie, ob ihre Lösung für Sie funktioniert! Bitte +1 ihnen wenn ja!