Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
einbinden_von_videos_podcasts_in_eine_webseite [2011/06/15 17:46] – angelegt jz1001 | einbinden_von_videos_podcasts_in_eine_webseite [2013/05/23 11:07] – jz1001 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | <note important> | + | ====== Einbinden von Videos |
+ | <note important> | ||
+ | Damit das Video mit diesem Skript in eine Webseite eingebunden werden kann, muss die Videodatei zuerst auf den Videoserver hochgeladen werden. | ||
Das Video liegt bereits in einem passendem Format (MPEG-4, FLV mit Streaming - siehe „[[videokonvertierung|Konvertieren von Videos]]“) vor. Zum hochladen der Videodatei öffnen Sie im Webbrowser folgenden Link: | Das Video liegt bereits in einem passendem Format (MPEG-4, FLV mit Streaming - siehe „[[videokonvertierung|Konvertieren von Videos]]“) vor. Zum hochladen der Videodatei öffnen Sie im Webbrowser folgenden Link: | ||
Zeile 15: | Zeile 17: | ||
Anschließend noch auf Veröffentlichen klicken. | Anschließend noch auf Veröffentlichen klicken. | ||
- | Ihr Video wird nun auf den Server hochgeladen. | + | Ihr Video wird nun auf den Server hochgeladen |
- | Sie erhalten | + | Sie erhalten |
- | Öffnen Sie den in der Emailbenachrichtigung | + | Öffnen Sie den in der Email enthaltenen Link zu Ihrem Video.\\ |
{{: | {{: | ||
Zeile 27: | Zeile 29: | ||
- | Skript | + | Diese Skript |
+ | |||
+ | <script type=" | ||
+ | <script type=" | ||
+ | var embedHTML = new media(' | ||
+ | embedHTML.writeHTML(); | ||
+ | </ | ||
+ | |||
+ | |||
+ | Die Zahlen 360,640 hinter dem Videopfad im Skript definieren die Videogröße (Höhe, Breite) auf Ihrer Webseite. Dies können Sie nach Ihren Bedürfnissen anpassen.\\ | ||
+ | \\ | ||
+ | **Beispiel: | ||
+ | Die HTTP-Adresse im Webbrowser lautet:\\ | ||
+ | http:// | ||
+ | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
+ | |||
+ | <script type=" | ||
+ | <script type=" | ||
+ | var embedHTML = new media(' | ||
+ | embedHTML.writeHTML(); | ||
+ | </ | ||
+ | |||
+ | \\ | ||
+ | |||
+ | **Erklärung der Zeile new media: | ||
+ | \\ | ||
+ | Zwischen den einzelnen Hochkommas '' | ||
+ | |||
+ | ('Pfad Videodatei',' | ||
+ | \\ | ||
+ | |||
+ | **Beispiel mit Posterbild: | ||
+ | Kopieren Sie Ihr Posterbild auf Ihren Webserver und fügen die vollständige URL in das Skript hinter der Videogröße und zwischen den zwei Hochkommas '' | ||
+ | http:// | ||
+ | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
+ | |||
+ | <script type=" | ||
+ | <script type=" | ||
+ | var embedHTML = new media(' | ||
+ | embedHTML.writeHTML(); | ||
+ | </ | ||
+ | \\ | ||
+ | **Beispiel mit Posterbild und mit Playbutton-Titel: | ||
+ | Sie können am Playbutton einen Titel einfügen zum Beispiel "Play Podcast" | ||
+ | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." | ||
- | <note tip><script type=" | + | |
- | <script type=" | + | <script type=" |
- | var embedHTML = new media(' | + | var embedHTML = new media(' |
- | embedHTML.writeHTML(); | + | embedHTML.writeHTML(); |
- | </script> | + | </ |
- | </note> | + | |
+ | Dann sieht der Player folgendermaßen aus:\\ | ||
+ | \\ | ||
+ | {{: | ||
+ | \\ | ||
+ | **Mehrere Videos gleichzeitig auf eine HTML-Seite einbinden**\\ | ||
+ | \\ | ||
+ | Jedes Video benötigt eine eindeutige und gültige Player-ID. Wenn Sie also mehrere Videos auf eine einzige HTML-Seite einbinden möchten, dann müssen Sie jedem Video eine eindeutige ID geben. Ändern Sie dazu am Ende der Zeile "var embedHTML = new media..." | ||
- | Die Zahlen 240,320 hinter dem Videopfad im Skript definieren die Videogröße (Höhe, Breite) auf Ihrer Webseite. Dies können Sie nach Ihren Bedürfnissen anpassen. | ||
- | {{tag> | + | {{tag> |