jYoup in eigene Seite einbinden

August 30, 2008 – 7:29 pm

Ich hab den jYoup verbessert um ihn besser in eigene Seiten einbinden. Dazu kann man jetzt nach einem Schema eigenen Design anlegen ohne großen Aufwand. Darüber werde ich in den nächsten Tagen ein Tutorial schreiben.
Den jYoup einbinden ist sehr einfach geworden, wie es geht versuche ich es in 3 Schritten zu zeigen.

1. jYoup Downloaden
Als erste holen wir uns die neue jYoup Version von hier oder direkt auf Download klicken. Den Archiv kann man direkt Auspacken ohne neuen Ordner anlegen, den er ist in schon in einem Ordner jyoup

2. jYoup Einbinden
Jetzt schiebt man den Ordner jyoup per FTP oder SSH auf den Server in den Domain Root Ordner.
/meine/domain/root/jyoup

Als nächstes um den jYoup benutzen zu können muss man den jYoup im Head des Htmls per Script einbinden.

<html>
<head>
<title>Mein Titel</title>
 
<script type="text/javascript" src="/jyoup/jyoup.js"></script>
</head>
<body></body>
</html>

Wenn man vor hat nicht viele jYoup Player in eine Seite einzubinden wie in einen Blog, der kann auch den jYoup direkt bei der Nutzung einbinden.

3. jYoup Nutzen
Jetzt kann man den jYoup an die Stelle einbinden wo man in haben will.

 
<html>
<head>
<title>Mein Titel</title>
<script type="text/javascript" src="/jyoup/jyoup.js"></script>
</head>
<body>
 <script type="text/javascript">
 jYoup({playList: 'VideoID1,VideoID2', width: 500, color:'blue'});
 </script>
</body>
</html>

Um die Buttons auszutaschen, kann man per color Attribut die Farbe setzen. Zurzeit gibt es 3 Farben red, green, blue.
Und schon kann man den Player in der eigenen Seite betrachten.
Man kann mehrere jYops gleichzeitig einbauen, ohne das sie sich gegenseitig stören. Leider kann man nicht die Farbe mischen wie 2 Farben auf einmal zeigen.