YouTube Video über iframe eingebettet Ignorieren von Z-Index?

Joshc's Antwort war auf der richtigen Spur, aber ich fand, dass es Total löscht die ?rel=0 querystring und ersetzt es mit der ?wmode=transparent Sache - das hat den Effekt, dass die Anzeige der YouTube Vorgeschlagene Videos" - Liste am Ende der Wiedergabe, auch wenn Sie ursprünglich nicht wollen, dass dies passiert.

Änderte ich den code, so dass die src Attribut des eingebetteten Videos wird zuerst gescannt, um zu sehen, ob es ein Fragezeichen ? im es auch schon (weil dies kennzeichnet das Vorhandensein einer bereits bestehenden Abfrage-string, die könnte etwas wie ?rel=0 könnte aber theoretisch alles sein, dass YouTube-wählen Sie anfügen in die Zukunft). Wenn es ein query-string bereits vorhanden, wir wollen es bewahren, nicht zerstören, denn es ist eine Einstellung gewählt, von wem auch immer eingefügt in dieses YouTube-video, und Sie vermutlich wählte es für einen Grund!

So, wenn ? gefunden, die wmode=transparent angehängt, mit dem format: &mode=transparent gerade tag es auf das Ende der bereits vorhandenen query-string.

Wenn keine ? gefunden wird, dann funktioniert der code in genau der gleichen Weise, wie es ursprünglich (in toomanyairmiles's post), Anhängen nur ?wmode=transparent als neue query-string der URL.

Nun, unabhängig davon, was kann oder kann nicht auf das Ende der YouTube-URL als query-string schon, es wird erhalten, und die erforderliche wmode Parameter bekommen Injektion oder Hinzugefügt werden, ohne Schaden zu dem, was vorher da war.

Hier ist der code drop in Ihren document.ready Funktion:

$('iframe').each(function() {
  var url = $(this).attr("src");
  if (url.indexOf("?") > 0) {
    $(this).attr({
      "src" : url + "&wmode=transparent",
      "wmode" : "opaque"
    });
  }
  else {
    $(this).attr({
      "src" : url + "?wmode=transparent",
      "wmode" : "opaque"
    });
  }
});

InformationsquelleAutor der Antwort BigJacko

Ich habe das gleiche problem auf YouTube iframe bettet nur im internet explorer, obwohl.

Z-index ignoriert völlig, oder das flash-video ist gerade erscheinen auf höchsten index möglich.

Das war, was ich benutzt, leichte Anpassung der oben jquery-Skript.

Meinen embed-code direkt von YouTube...

<iframe width="560" height="315" src="http://www.youtube.com/embed/QldZiR9eQ_0?rel=0" frameborder="0" allowfullscreen></iframe>

Die jQuery-leicht adaptiert aus der obigen Antwort...

$('iframe').each( function() {
    var url = $(this).attr("src")
    $(this).attr({
        "src" : url.replace('?rel=0', '')+"?wmode=transparent",
        "wmode" : "Opaque"
    })
});

Grundsätzlich, wenn Sie nicht wählen Sie Zeigen, vorgeschlagene videos, wenn das video fertig in Ihrem embed-Einstellungen, müssen Sie eine ?rel=0 am Ende Ihrer "src" url. So habe ich die replace-bit im Falle ?rel=0 vorhanden ist. Ansonsten ?wmode=transparent wird nicht funktionieren.

InformationsquelleAutor der Antwort Joshc

Nur dieser eine für mich gearbeitet:

<script type="text/javascript">
var frames = document.getElementsByTagName("iframe");
    for (var i = 0; i < frames.length; i++) {
        src = frames[i].src;
        if (src.indexOf('embed') != -1) {
        if (src.indexOf('?') != -1) {
            frames[i].src += "&wmode=transparent";
        } else {
            frames[i].src += "?wmode=transparent";
        }
    }
}
</script>

Lade ich es in die footer.php WordPress Datei. Code, der sich in Kommentar hier (danke Gerson)

InformationsquelleAutor der Antwort dragoeco

Antworten abow nicht wirklich funktioniert für mich, ich hatte ein click-Ereignis auf der Hülle und ie 7,8,9,10 ignoriert die z-index, also mein fix wurde mit den wrapper einen hintergrund-Farbe, und es plötzlich funktionierte. Al aber es war wohl zu durchsichtig, so definierte ich den wrapper mit der Hintergrundfarbe weiß, dann die Deckkraft 0.01, und jetzt funktioniert es. Ich habe auch die oben genannten Funktionen, so dass es könnte eine Kombination.

Ich weiß nicht, warum es funktioniert, ich bin nur glücklich, dass es funktioniert.

InformationsquelleAutor der Antwort eduardo

Alles, was Sie brauchen, aus dem iframe ist:

...wmode="opaque"></iframe>

und in der URL:

http://www.youtube.com/embed/123?wmode=transparent

InformationsquelleAutor der Antwort Sam Thompson