17. Februar 2007

Von YouTube via del.icio.us auf die eigene Homepage

Wie kann man Videos von YouTube dynamisch in die eigene Homepage einbinden?

Schritt 1 – Delicious:

Wer es nicht schon getan hat sollte sich als erstes bei Del.icio.us anmelden.
Del.icio.us ist ein Bookmark-Verwalter, welcher die Links online speichert und sie dadurch von allen Computern mit Internetverbindung aus zugänglich macht. [Mehr Informationen]

Schritt 2 – YouTube:

Nun kann man auf YouTube Videos bookmarken, die einem gefallen. Dabei muss man dem Link einen tag geben, welcher nur für entsprechende Videos gedacht ist.
Wichtig: Man muss die YouTube-seite mit dem Video bookmarken. Auf anderen Seiten mit eingebettetem Video funktioniert es nicht.

Schritt 3 – Das Einbinden:

Nun kommt der entscheidende Schritt. Mit folgender Datei werden die Videolinks aus del.icio.us in die eigene Seite eingefügt.
embvid.zip 1.1 (rechtsklick>speichern unter)
Jetzt kann man die Datei embvid.php öffnen und die Einstellungen am Anfang der Datei ändern. Als URL muss man den RSS-link für den tag nehmen, mit dem man die Videos gespeichert hat. Dieser sieht bei del.icio.us folgendermassen aus:

http://del.icio.us/rss/[Benutzername]/[tag-name]

Diese Datei muss nun auf den Server geladen und in die entsprechende Datei, in welcher die Videos angezeigt werden sollen, mit include eingefügt werden:

<?php
include “embvid.php”;
?>

und an gewünschter Stelle können die Videos dann folgendermassen eingefügt werden:

<?php echo $embvid; ?>

Mit css kann man die Darstellung verändern indem man .embvid und .embtitle verwendet
Ein Beispiel:

.embvid {
margin: 4px 0 0 0;
text-align: center;
width: 594px;
}
.embtitle {
margin: 0 0 0 85px;
font-size: 15pt;
width: 425px;
text-align:left;
}

Jedes Mal, wenn man nun ein weiteres Video speichert, wird es in die Seite hinzugefügt.
Die Möglichkeiten sind noch ziemlich minimal, aber die Datei darf frei verändert und bearbeitet werden. Wer also will darf die Funktionen gerne noch etwas ausweiten.
Bei Gelegenheit werde ich selbst auch noch daran weiter arbeiten.

Viel Spass.

Edit: Das Script funktioniert nun auch mit Videos von Metacafe.

von David Glenck

IT + Updates + Kommentieren