Youtube-Overlay-Bild Div - Autoplay Unter

Ich habe ein div-overlay auf der Oberseite der YouTube-iframe auf dieser homepage.

Die Idee ist, dass man einmal klicken, und dann wird das video automatisch zu spielen, aber ich kann einfach nicht, um ball zu spielen. Wenn ich YouTube-Parameter "autoplay=1' das video spielt unter dem Bild sogar ohne einen Klick.

Hier ist der code, den ich verwende unten;

<div onclick="thevid=document.getElementById('thevideo');
thevid.style.display='block'; 
this.style.display='none'">

<img style="cursor: pointer;"
src="http://www.belfastdigitalagency.com/wp-content/themes/responsy-v2.5/random_image1.php"
alt="belfast digital marketing agency animated video" />
</div>

<div id="thevideo" style="display: none;">
<iframe width="1280" height="720"
src="http://www.youtube.com/embed/iy_lolGhjPE?rel=0&vq=hd720&color=white&autoplay=0&wmode=transparent&theme=light&showinfo=0&origin=http://www.belfastdigitalagency.com"
frameborder="0" allowscriptaccess="always"
allowfullscreen="true"></iframe>
</div>

Irgendwelche Ideen, was falsch läuft? Viel im Voraus zu schätzen, auch wenn es nur einen Zeiger, um zu überprüfen, etwas, das schlecht aussieht!

Cheers,

Phil

P. S - danke an die Legende, dass ist UnLoCo, es ist behoben, keine Zeit. Hier der endgültige code zu korrigieren. Nochmals vielen Dank UnLoCo!

<div onclick="thevid=document.getElementById('thevideo');
thevid.style.display='block'; this.style.display='none'; 
document.getElementById('iframe').src = 
document.getElementById('iframe').src.replace('autoplay=0','autoplay=1');">

<img style="cursor: pointer;" src="http://www.belfastdigitalagency.com/wp-content/themes/responsy-v2.5/random_image1.php" alt="belfast digital marketing agency animated video" />
</div>

<div id="thevideo" style="display: none;">
<iframe id="iframe" width="1280" height="720" src="http://www.youtube.com/embed/iy_lolGhjPE?rel=0&vq=hd720&color=white&autoplay=0&wmode=transparent&theme=light&showinfo=0&origin=http://www.belfastdigitalagency.com"
frameborder="0" allowscriptaccess="always" allowfullscreen="true"></iframe>
</div>
InformationsquelleAutor Phil Barnes | 2012-08-16
  1. 7

    klicken Sie auf hinzufügen:

    document.getElementById('iframe').src = 
document.getElementById('iframe').src.replace('autoplay=0','autoplay=1');
    • Dank UnLoCo, könnten Sie bitte legen Sie, dass in Laien Begriffe für mich? Ich bin neu in dem Spiel!
    • Hi, das bisschen code ersetzt die " autoplay=0 auf der iframe-src-Attribut autoplay=1; d.h. es wird das iframe neu geladen und automatisch abgespielt.
    • ist es das, was du meinst? '<iframe src= "about:blank" ></iframe>', dann Youtube link?
    • Ich bearbeitet meine Antwort, prüfen Sie es einfach noch einmal 🙂
    • ah ok, die Sache, die ich einfach nicht verstehen kann, ist wie ein leeres iframe src, dann haben Youtube wie die src. Mache ich 2 iframe, oder 2 src Ziele? Vielen Dank für die Ratschläge 🙂
    • Nein, nicht gehen mit, dass, als ich sagte, änderte ich meine Antwort. ich erklärte es auf den zweiten Kommentar.
    • Sorry dude, ich wollte nicht sehen, den code kommen, den ich brauchte, um zu aktualisieren! Ersten mal auf Stack Overflow. Ich habe aktualisiert mein Versuch oben, bin ich fast da? Ich bekomme einfach nicht die letzten auf der Arbeit, ich muss die haben verwendet die syntax falsch.
    • ja sorry, ersetzen " mit ' um ("iframe") und andere Ereignisse
    • boom, du bist eine Legende! funktioniert perfekt. vielen Dank, wirklich dankbar für die Hilfe, UnLoCo! 🙂 p.s. Ich werde abstimmen, wenn ich bekommen, genügt die Punkte zu!

    InformationsquelleAutor UnLoCo
Schreibe einen Kommentar