Dropdownmenü über video Player funktioniert nicht

[jochen1982]

Hallo liebe Community,

ich habe auf meiner Website www.kiorafilms.de einen html5 video-player installiert. Darüber befindet sich ein Dropdownmenü welches sich über den Player ausklappt. Auf jedem gängigen Browser funktioniert die Navigation auch einwandfrei. Nur auf dem Iphone lassen sich die einzelnen Unterpunkte nicht ansteuer. Ich habe gelesen das Apple (ios) das video <tag> höher bewertet und damit keine anderen Funktionen zulässt die darüber liegen. Gibt es dennoch eine Möglichkeit wie ich die Navigation aktivieren kann?

Vielen Dank im vorraus für eure Hilfe.
Jochen

[mj1985]

Ich würde der Klasse smOW testweise einen höheren z-index geben.
Vermutlich ist ein "Important" notwendig, da MenuMatic die Styleangeaben direkt auf das Element anwendet

.smOW {
z-index: 9999!important;
}

[jochen1982]

Danke für den Tipp! Werde ihn mal testen. Noch eine Frage. Ich hab das Dropdown-Menü als Frontend-Modul erstellt.
Kann ich die Klasse .smOW dort im Feld "Extra CSS" definieren?

[mj1985]

Habe das gerade nicht im Kopf, aber ich würde das einfach über das Stylesheet regeln. Bevor du nachher 2 Stellen an CSS hast und dich wunderst wo der Code herkommt .

Definieren brauchst du die Klasse nicht mehr, alle Untermenüs von MenuMatic haben diese Klasse.

[jochen1982]

Hi,

leider hat das editieren des CSS mit dem z-index nicht funktioniert. Die Unterpunkte lassen sich auch weiterhin nicht anwählen wenn sie über dem Player liegen.
Hat jemand noch eine Idee wie man Iphone und Ipad asutricksen kann?

VG
Jochen