Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
einbinden_von_videos_podcasts_in_eine_webseite [2011/09/29 10:22] – jz1001 | einbinden_von_videos_podcasts_in_eine_webseite [2013/05/23 10:56] – jz1001 |
---|
Diese Skript kopieren Sie in Ihre Webseite und ändern den Pfad zum Video: | Diese Skript kopieren Sie in Ihre Webseite und ändern den Pfad zum Video: |
| |
<script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script> | <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo_new.js"></script> |
<script type="text/javascript"> | <script type="text/javascript"> |
var embedHTML = new media('movie/Ihr_UNI-ACCOUNT_Name/DATUMSORDNER/VIDEONAME.mov',240,320,'','07'); | var embedHTML = new media('movie/UNI-Account/meinVideo.mp4','',360,640,'','','07','player_1'); |
embedHTML.writeHTML(); | embedHTML.writeHTML(); |
</script> | </script> |
| |
| |
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.\\ | 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:**\\ | **Beispiel:**\\ |
Die HTTP-Adresse im Webbrowser lautet:\\ | Die HTTP-Adresse im Webbrowser lautet:\\ |
http://podcast2.ruf.uni-freiburg.de/movie/jz1099/2011-06-23/meinfilm.mov\\ | http://podcast2.ruf.uni-freiburg.de/movie/jz1099/2011-06-23/meinfilm.mp4\\ |
Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." folgendermaßen geändert werden:\\ | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." folgendermaßen geändert werden:\\ |
| |
<script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script> | <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo_new.js"></script> |
<script type="text/javascript"> | <script type="text/javascript"> |
var embedHTML = new media('movie/jz1099/2011-06-23/meinfilm.mov',240,320,'','07'); | var embedHTML = new media('movie/jz1099/2013-02-23/meinfilm.mp4','',360,640,'','','07','player_1'); |
embedHTML.writeHTML(); | embedHTML.writeHTML(); |
</script> | </script> |
| |
\\ | \\ |
| |
| **Erklärung der Zeile new media:**\\ |
| \\ |
| Zwischen den einzelnen Hochkommas '' können Sie unterschiedliche Informationen oder Parameter mitgeben. Das ganze baut sich folgendermaßen auf:\\ |
| |
| ('Pfad Videodatei','HD-Version',360(Player-Höhe),640(Player-Breite),'Vorschaubild','Playbutton-Titel','07(Skript-ID),'eindeutige Player ID')\\ |
| \\ |
| |
**Beispiel mit Posterbild:**\\ | **Beispiel mit Posterbild:**\\ |
Kopieren Sie Ihr Posterbild auf Ihren Webserver und fügen den vollen Pfad in das Skript hinter der Videogröße und zwischen den zwei '' ein. Beispiel Pfad zum 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 '' ein. Beispiel Pfad zum Posterbild:\\ |
http://www.webserver.de/ordner/posterbild.jpg\\ | http://www.webserver.de/ordner/posterbild.jpg\\ |
Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." folgendermaßen geändert werden:\\ | Dann muss in dem Skript die Zeile mit "var embedHTML = new media...." folgendermaßen geändert werden:\\ |
| |
<script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo.js"></script> | <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo_new.js"></script> |
<script type="text/javascript"> | <script type="text/javascript"> |
var embedHTML = new media('movie/jz1099/2011-06-23/meinfilm.mov',240,320,'http://www.webserver.de/ordner/posterbild.jpg','07'); | var embedHTML = new media('movie/jz1099/2013-02-23/meinfilm.mp4','',360,640,'http://www.webserver.de/ordner/posterbild.jpg','','07','player_1'); |
embedHTML.writeHTML(); | embedHTML.writeHTML(); |
| </script>\\ |
| \\ |
| **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...." folgendermaßen geändert werden:\\ |
| |
| <script type="text/javascript" src="http://www.streaming.uni-freiburg.de/skripte/flash/embedvideo_new.js"></script> |
| <script type="text/javascript"> |
| var embedHTML = new media('movie/jz1099/2013-02-23/meinfilm.mp4','',360,640,'/Bilder/playerbackground.jpg','Play Podcast','07','player_1'); |
| embedHTML.writeHTML(); |
</script> | </script> |
| |
| Dann sieht der Player folgendermaßen aus: |
| |
{{tag>video streaming podcasts}} | {{tag>video streaming podcasts}} |