Unter Verwendung von Javascript mit jQuery füge ich einen Iframe mit einer Youtube-URL hinzu, um ein Video auf einer Website anzuzeigen. Der Einbettungscode, der von Youtube in den Iframe geladen wird, hat jedoch nicht wmode = "Opaque", daher werden die Modalfelder auf der Seite angezeigt unter dem youtube video.
Irgendwelche Ideen, wie man das Problem löst?
Antworten:
Versuchen Sie
?wmode=opaque
, der URL etwas hinzuzufügen , oder&wmode=opaque
wenn bereits ein Parameter vorhanden ist.Wenn es nicht funktioniert, versuchen Sie es stattdessen,
&wmode=transparent
was auch im IE-Browser funktioniert.quelle
opaque
undtransparent
.opaque
soll performanter sein.Versuchen Sie
?wmode=transparent
, am Ende der URL hinzuzufügen . Hat für mich gearbeitet.quelle
Wenn Sie die neue asynchrone API verwenden, müssen Sie den Parameter wie folgt hinzufügen:
Dies basiert auf der Google-Dokumentation und dem Beispiel hier: http://code.google.com/apis/youtube/iframe_api_reference.html
quelle
Das Hinzufügen
?wmode=opaque
zur URL scheint dieses Problem für mich zu lösen, obwohl ich es noch nicht im IE getestet habe.Beachten Sie für diejenigen unter Ihnen, die Probleme mit der zuvor vorgeschlagenen Lösung haben, dass ein anfängliches kaufmännisches Und nur funktioniert, wenn Sie der URL bereits andere Argumente liefern. Das erste Argument muss ein erstes Fragezeichen haben:
http://www.example.com?first=foo&second=bar
quelle
Fügen Sie
&wmode=transparent
der URL hinzu und Sie sind fertig, getestet.Ich verwende diese Technik in meinem eigenen WordPress-Plugin YouTube Shortcode
Überprüfen Sie den Quellcode, wenn Sie auf ein Problem stoßen.
quelle
Nur ein Tipp! - Stellen Sie sicher, dass Sie den Z-Index für das Element, das über dem eingebetteten Video angezeigt werden soll, erhöhen. Ich habe den wmode-Querystring hinzugefügt, und er hat immer noch nicht funktioniert ... bis ich den Z-Index des anderen Elements erhöht habe. :) :)
quelle
&wmode=opaque
hat bei mir nicht funktioniert (Chrome 10), aber&wmode=transparent
das Problem wurde sofort behoben.quelle
Ich weiß, dass dies eine alte Frage ist, aber sie taucht immer noch in den Top-Suchanfragen nach diesem Problem auf. Daher füge ich eine neue Antwort hinzu, um denjenigen zu helfen, die nach einer für IE suchen:
Das Hinzufügen
&wmode=opaque
am Ende der URL funktioniert in IE 10 NICHT ...Das Hinzufügen
?wmode=opaque
macht jedoch den Trick!Diese Lösung finden Sie hier: http://alamoxie.com/blog/web-design/stop-iframes-covering-site-elements
quelle
&
und?
sind beide korrekt, je nachdem, in welcher Reihenfolge sie verwendet werden und welche anderen Einstellungen in der URL enthalten sind.?
Wird offensichtlich verwendet, wenn dies die erste (oder einzige) Einstellung ist,&
andernfalls.&wmode=opaque
Vor kurzem habe ich gesehen, dass der Flash-Player manchmal nicht erkennt , dass Sie auch passen sollten&WMode=opaque
(beachten Sie den Großbuchstaben).quelle