Wie Sie dynamisch hinzufügen wmode=transparent für Youtube embed code?

Ich habe mehrere Youtube-videos, die Hinzugefügt werden durch ein CMS von einem client. Ich muss fügen Sie den folgenden, um alle Youtube-src-links:

?wmode=transparent

Wie soll ich das tun?

Beispiel des Youtube-embed-code ist wie folgt:

<iframe width="515" height="292" src="http://www.youtube.com/embed/p8IB-5PbL9U" frameborder="0" allowfullscreen></iframe>

Der Grund dafür ist, weil ich habe ein javascript Menü, das geht hinter einem Youtube-video und ich habe gelesen, dass dies ist, wie Sie es lösen.

Der client ist nicht technisch, und nur mit Ihnen bekommen Sie den embed-code von Youtube ist ein Kampf, so muss es dynamisch Hinzugefügt werden.

  • Brauchen ein wenig mehr info: Was ist CMS? Gibt es irgendwelche JavaScript-frameworks (z.B. jQuery, MooTools oder andere)? Wie viel videos sind auf einer einzigen Seite?
  • Ich mag diese Antwort, leider ist das hinzufügen der parameter dynamisch funktionierte nicht für mich, ich musste gehen Sie zurück zu mit der ältere <embed> code...
InformationsquelleAutor Rob | 2012-01-11
  1. 11

    Wenn Sie brauchen nur zu addieren ?wmode=transparent zu allen Bildern haben, die diese JS-code:

    window.onload = function() {
    var frames = document.getElementsByTagName("iframe");
    for (var i = 0; i < frames.length; i++) {
        frames[i].src += "?wmode=transparent";
    }
}
    • Genial, das funktioniert Super, das Menü arbeitet nun perfekt. Danke.
    • Dies bedeutet hinzufügen "?wmode=transparent", wie angepriesen, aber das schien nicht das problem zu beheben, die Menüs gehen hinter dem video. Ich musste gehen zurück zu den alten Stil, <embed> code ein, um den wmode=transparent arbeiten.
    • Versuch "deckend" anstelle von "transparent", aber ich kann wirklich nicht sagen, ob das wirklich das problem in Ihrem Fall.
    • das hat nicht fix es, in Firefox das Menü lässt sich hinter dem video, sogar mit einen der beiden parameter Hinzugefügt. Es scheint nicht egal wenn es getan dynamisch oder direkt in den link.
    InformationsquelleAutor Shadow Wizard
  2. 5

    Sind Sie fixiert auf mit dem iframe? Dies macht es viel schwieriger, da Sie keinen Zugriff auf das zugrunde liegende Objekt direkt. Wenn du kannst, wäre es besser, direkt einbetten das Objekt auf Ihrer Seite als solche

    <object width="515" height="292">
<param name="movie" value="http://www.youtube.com/v/p8IB-5PbL9U"></param>
<param name="allowFullScreen" value="true"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/p8IB-5PbL9U"
  type="application/x-shockwave-flash"
  allowfullscreen="true"
  wmode="transparent"
  width="515" height="292">
</embed>
</object>
    • Ich bin stecken mit iframe-leider.
    • YouTube hat umgestellt main einbetten eines iframe zu erlauben, daß Sie dynamisch wählen, flash-oder HTML5 für video.
    • Dieser arbeitete für mich, wenn der iframe mit ?wmode=transparent nicht.
    InformationsquelleAutor jordancpaul
  3. 3

    Je nach CMS, die Sie tun können, diese durch einfachen PHP, indem Sie nur am Ende jeder url, oder Ihre oder jQuery machen die Arbeit für Sie tun.

    $('iframe').each(function() {
    $(this).attr("src", $(this).attr("src") + '?wmode=transparent')
});
    • Haha, d ' Oh, ja, ich habe nur Hinzugefügt, um das Ende des php, ich habe da ein blöder Tag! Ich habe mich für die faule option von oben, da gibt es eine Menge von Orten, um Sie hinzuzufügen, steigerte Ihre Antwort aber so, danke.
    • Keine Notwendigkeit von jQuery für solch einfache Aufgabe. Reine JavaScript werden als einfache und als cross-browser. (in diesem Fall)
    • Yup, du hast Recht Shadow-Assistenten.
    • Prost Markus, FYI - verwenden Sie bitte @ zu Benachrichtigen, wenn es mehr als eine person, die Buchung Kommentare (in diesem Fall Rob und mich - mehr als eine) - ich hab dein Kommentar jetzt erst zufällig.
    • Danke für den Tipp @ShadowWizard noch herauszufinden, Stack Overflow. 😉
    • Cheers, jetzt habe ich die Benachrichtigung - gut gemacht! 🙂 Übrigens, die ersten drei Buchstaben sind genug, also, wenn du zu faul bist, es zu Tippen oder gar zu klicken Sie auf die auto-vorschlagen, Sie müssen nur @Sha oder @Shadow und es wird sicher ankommen.

    InformationsquelleAutor MarkSmits
Schreibe einen Kommentar