YouTube Video in der Showbox 
Autor: Sebastian Nolting
Visitado 2975,
Seguidores 1,
Compartilhado 0
Hallo zusammen,
suche schon seit mehreren Stunden nach einer Lösung, konnte aber noch keine Antwort zu meinem Problem finden.
YouTube Videos sollen in der Showbox angezeigt werden, ab nicht als Flash.
Beispiel: http://www.websitex5.com/de/index.php
Bild und Verlinkung zum Video klappt bei uns, allerdings nicht wenn ich den YouTube-Code zum Einbetten inkl. Autostart und ohne Video-Empfehlungen nehme.
Im Quelltext auf websitex5.com habe ich gesehen, dass hier direkt auf eine "youtube.php" zugegriffen wird.
Ich gehe jetzt auch davon aus, dass es keine andere Möglichkeit gibt.
Gibt es dazu eine Anleitung?
Vielen Dank vorab.
hier noch ein Beispiel zum besseren Verständnis: http://www.creativ-network.de/nbm/multiprozessor-serie-mk.html
X
Publicado em
Welche Website x5 Versiion hast du ? HTML5 Videos gehen erst ab EVO V10 !
Was ich so sehe bei deinem LINK funktionieren die Videos doch einwandfrei !
Bei Youtube Video bitte immer die kompletten URLs eintragen nicht die gekürzten !!
Nimm mal nicht den einbetten Code. Oben die URL im Browser sollte auch gehen.
Autor
Danke für die schnellen Antworten
Version = EVO10 (vor ca. 2 Wochen gekauft)
Direkt über YouTube funktioniert auch alles. Schaut euch bitte noch mal das Beispiel auf http://www.websitex5.com/de/index.php an.
Hier wird eine Bilddatei auf ein Youtube-Video verlinkt. Es öffnet sich in einer Showbox. Es startet automatisch und nach Ablauf springt das Video wieder zum Anfang; es werden keine weiteren Video-Empfehlungen angezeigt.
Genauso sollte es bei uns auch sein.
JA weil "das" Video auch kein Youtube Video ist (ist aber auch auf Youtube zu sehen)
sondern ein normales Video auf deren Server gespeichert !
Du kannst dir ja dein Youtube Video runterladen und extra per Link einbinden!
Autor
Also "das" Video läuft auf jeden Fall mit einem YouTube-Player; kann mich auch direkt von dort zur YouTube-Seite weiterleiten lassen....
Habe das Video jetzt noch mal als PopUp angelegt - Hier funktioniert es so wie es sein soll.
"Automatischer Start" und "nach Ablauf zurück zum Anfang ohne Weiterempfehlungen"
Mit der Showbox-Option sieht das ganze halt schöner aus.
Habe beide Varianten jetzt noch mal online gestellt. In der Showbox funktioniert der Link halt nicht. http://www.creativ-network.de/nbm/multiprozessor-serie-mk.html
Hoffe auf noch ein paar Tipps, um hier eine Lösung zu finden. Danke schon mal vorab.
Gib mal als LINK diese Adresse eine... "www.youtube.com/watch?v=raLzVUkdxQ0"
war auch schon meine erste Antwort....
Autor
Mit dem Link funktioniert das Video in der Showbox - allerdings ohne "Autoplay" und am Ende werden weitere Empfehlungen angezeigt. Der Kunde möchte ja nicht Werbung für den Wettbewerb machen.
Wie funktioniert das?!? Bei funktioniert das Video über sämtlich Browser nicht. Er zeigt zwar das YouTube-Menü an, aber spielt kein Video ab. Gibt es dazu eine Erklärung?
Wie schon geschrieben. Du musst den Link nehmen dann klappt es. Aber autoplay geht dann natürlich nicht! Problem ist das X5 erkennt das es sich um einen Youtube Link handelt. Diesen wandelt er um...da du aber den einbetten Code genommen hast wo der Player auf der Seite ist geht das nicht. Siehst du wenn du den Quelltext anschaust.
Willst du jetzt autoplay und co benutzen musst du dazu das HTML Objekt benutzen...und in deinem einem Beispiel folgendes schreiben
<a href="http://www.youtube.com/embed/raLzVUkdxQ0?autoplay=1&rel=0" onclick="return x5engine.imShowBox({ swipeImg: 'res/imSwipe.png', closeImg: 'res/imClose.png', loadingImg: 'res/imLoad.gif', startIndex: 0, media:[{type: 'iframe', url: 'http://www.youtube.com/embed/raLzVUkdxQ0?autoplay=1&rel=0' width: 800, height: 500, text: ''}]}, 0, this);"><img id="imObjectImage_23" src="images/vid_mk.png" title="" alt="" height="258" width="459" /></a>
so funktioniert auf jeden Fall autoplay und rel sollte auch gehen, soweit hab ich nicht geschaut.
Autor
Danke für die den code... Dein Code öffnet das Video nicht in der Showbox, sondern in einem neuen Fenster. Habe aber gemerkt, dass bis auf den youtube-Link bei mir bei "media type "youtube" steht und in deinem "iframe". Habe iframe in meinem Code eingeben und siehe da, es funktioniert - vielen Dank.
Hier noch mal für die anderen mit dem gleichen Problem eine kurze Anleitung:
HTML-Widget anlegen
HTML-Code einfügen:
<a href="<b><i>http://www.youtube.com/embed/33umLQKU15A?rel=0&autoplay=1" onclick="return x5engine.imShowBox({ swipeImg: 'res/imSwipe.png', closeImg: 'res/imClose.png', loadingImg: 'res/imLoad.gif', startIndex: 0, media:[{type: 'iframe', url: '<b><i>http://www.youtube.com/embed/33umLQKU15A?rel=0&autoplay=1' width: 800, height: 500, text: '', 'showVideoControls': true }]}, 0, this);"><img id="imObjectImage_23" src="<b><i>images/vid_mk2.png</i></b>" title="" alt="" height="258" width="459" /></a>
Fett-Kursiv durch eure Links/Images ersetzen. Evtl. Größe anpassen
Fertig!
Den YouTube-Code erhält man über "Teilen" -> "Einbetten" - wichtig den "neuen" Code (iframe) verwenden. Wichtig ist, dass in dem Link noch "?&rel=0&autoplay=1" steht.
rel=0 = Nach Ende springt das Video zum Anfang, ohne Videoempfehlungen
autoplay=1 Video startet automatisch
Autor
Durch die "Fett-Kursiv" Formatierung hat sich der Code verändert und funktioniert nicht mehr. Hier noch mal der richtige Code:
<a href="http://www.youtube.com/embed/33umLQKU15A?rel=0&autoplay=1" onclick="return x5engine.imShowBox({ swipeImg: 'res/imSwipe.png', closeImg: 'res/imClose.png', loadingImg: 'res/imLoad.gif', startIndex: 0, media:[{type: 'iframe', url: 'http://www.youtube.com/embed/33umLQKU15A?rel=0&autoplay=1' width: 800, height: 500, text: '', 'showVideoControls': true }]}, 0, this);"><img id="imObjectImage_23" src="images/vid_mk2.png" title="" alt="" height="258" width="459" /></a>