Youtube Video Player einbinden

Deutsches Forum
1

habe bei einem Artikel unter “Erweitert” den Link zum Youtube Videio hinzugefügt, jedoch ist dies dann nur eion normaler Link, der zum Video weiterleitet, wie kann ich das Video direkt einbinden?

Wie kann ich theoretisch das Video neben die Produktbilder seten und bei einem Klick da drauf es statt dem Artikelbild positionieren und abspielen?

2

Einfach im Adminbereich unter Medien einbinden…

3

Das Video soll als Thumbnail neben den Produktbildern unten sein und das Videoplayer über dem Produktbild links abspielen.

4

ich würde sagen: Template im Editor aufmachen und rumprobieren.

5

Also Thumbnail hab ich jetzt drin vom Video, aber Cloud Zoom lädt das Video nicht bzw steht ganze Zeit “Laden…” dort

6

hängt daran, dass cloud zoom nur für Bilder gedacht ist.
Und ich denke, dass du bei cloud zoom ganz falsch bist, guck mal hier was cloud zoom überhaupt ist: http://www.professorcloud.com/mainsite/cloud-zoom.htm/

was du haben willst, ist vermutlich das Video in dem Popup von OXID anzuzeigen. Da müsstest du ihn/es durch irgendeine Lightbox ersetzen.

7

Ich weiß was Cloudzoom ist und wofür. Jedoch ist im Cloudzoom Script eine Funktion drin, die den Zoom Modus vom zuletzt angezeigten Bild entfernt und auf das neue anwendet.

Wirft aber einen Fehler, wenn eben das Video angeklickt wurde bzw geladen wurde und danach dann versucht wird ein Bild unten aus der Bilderleiste zu laden. Da versucht er den nicht existenten Zoom Modus vom Video entsprechend zu entfernen.

Ich kann ohne Probleme mit .html() von Jquery den Player einbinden bei dem Artikelbild (.picture)

Die Funktion data(‘zoom’).destroy() bzw die Zeile wo es ausgeführt wird, ist das Problem:

TypeError: Cannot convert ‘$(’#’ + data.useZoom).data(‘zoom’)’ to object

Obwohl da nicht mehr die cloudzoom Klasse ist.

Meine morepics.tpl (ist wieder ein älterer Code, da der ganz neue überhaupt gar keine Veränderung der Fehlermeldung brachte:

[{if $oView->getMediaFiles()}]
<div class=“otherPictures” id=“morePicsContainer”>
<div class=“shadowLine”></div>
<ul class=“clear”>
[{oxscript add=“var aMorePic=new Array();”}]

[{foreach from=$oView->getMediaFiles() item=oMediaUrl name=youtubevideo}]
<li>
<a id=“morePics2_[{$smarty.foreach.youtubevideo.iteration}]”>
<span class=“marker youtube_video” data=‘[{$oMediaUrl->getHtml()}]’><img src=“[{$oViewConf->getImageUrl(‘marker.png’)}]”></span>
<span class=“artIcon”><img src=“http://img.youtube.com/vi/jE7UfynR9bI/1.jpg” /></span>
</a>
</li>
[{/foreach}]

[{foreach from=$oView-&gt;getIcons() key=iPicNr item=oArtIcon name=sMorePics}]
    &lt;li&gt;
        &lt;a id="morePics_[{$smarty.foreach.sMorePics.iteration}]" rel="useZoom: 'zoom1', smallImage: '[{$oPictureProduct-&gt;getPictureUrl($iPicNr)}]' " class="cloud-zoom-gallery" href="[{$oPictureProduct-&gt;getMasterZoomPictureUrl($iPicNr)}]"&gt;
            &lt;span class="marker"&gt;&lt;img src="[{$oViewConf-&gt;getImageUrl('marker.png')}]" alt=""&gt;&lt;/span&gt;
            &lt;span class="artIcon"&gt;&lt;img src="[{$oPictureProduct-&gt;getIconUrl($iPicNr)}]" alt=""&gt;&lt;/span&gt;
        &lt;/a&gt;
    &lt;/li&gt;
[{/foreach}]
&lt;/ul&gt;
&lt;/div&gt;

[{/if}]