ersetzen Bild mit einem Video eingebettet

Question

Hallo Ich versuche, eine Web-Seite zu ändern, damit es schneller lädt. Da ich einige embeded Videos (blip.tv aber kann es auf youtube ändern, wenn es hilft) Ich frage mich, ob Sie ein Bild laden könnte, wo sollte das Video und das Bild mit dem Video-on-Klick ersetzen und zu spielen beginnen (ohne Nachladen ganze Seite). Ich denke, dass ich das schon gesehen habe, aber es kann nicht nirgendwo mehr finden! jetzt der Code einzubetten ich benutze, ist:

<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>

Danke

Answer 1

Schnell und schmutzig: Sie einfach den Code einbetten als globaler Variable irgendwo einstellen könnten:

<script type="text/javascript">
    var embedCode = '<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>'
</script>

Dann legen Sie das Bild in einem div-Container und ersetzen die Behälter innerHTML- Onclick:

<div id="videocontainer">
    <img src="yourimage.jpg" onclick="document.getElementById('videocontainer').innerHTML = embedCode;" height="500" width="600" />
</div>

Answer 2

Es ist ein Projekt, Google Code genannt SWFObject, die perfekt ist, was Sie brauchen. Es ist ein Cross-Browser JavaScript-Bibliothek zum Laden von Flash -. Und man kann es verwendet Ihr Bild mit dem Flash-Video zu ersetzen, wenn jemand auf dem Bild klickt, zum Beispiel