<![CDATA[Informationen für CMS/made simple / [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?id=3878 Fri, 25 Apr 2014 11:07:39 +0000 FluxBB <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30754#p30754 Habs mit @index gelöst - Vielen Dank euch beiden!

]]> Fri, 25 Apr 2014 11:07:39 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30754#p30754 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30743#p30743 Youtubeplayer hat leider keine solche Funktion. Das kannst du aber prima mit Smarty Properties wie @index und/oder @iteration innerhalb der foreach Schleife machen.

Lesestoff

]]> Fri, 25 Apr 2014 08:21:49 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30743#p30743 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30731#p30731 Ich hab gleich noch eine Frage:
Gibt es beim Modul Youtubeplayer ein Funktion ala News - wo ich sagen kann er soll mir erst Videos ab einer gewissen Nummer anzeigen?
Ich möchte nämlich unter Video rechts zwei, eventuell drei, Videos anzeigen lassen. Da hät ich zB gesagt limit=2 start=1 - dann hät ich unterhalb noch eine Zeile gemacht, wo ich gesagt hätte er soll mit dem 3. Video starten und kein Limit, sodass er es einfach anzeigt welche noch da sind!

Vielen Dank!

]]> Thu, 24 Apr 2014 13:45:47 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30731#p30731 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30727#p30727 Gut, ich werd mal die zwei Teile von Klenkes einbauen...
Wie sieht dann der Aufruf aus - ich geb ja aktuell ein Template vor...

]]> Thu, 24 Apr 2014 11:23:51 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30727#p30727 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30726#p30726 Hier nochmal die 1-Template-Variante sowohl für Detail- als auch Video-Template:

{if (isset($item) && is_object($item) && isset($item->videoid)) || (isset($itemlist) && is_array($itemlist) && isset($itemlist[0]->videoid))}

<div class="large-12 columns">

    <div class="large-7 columns">
        
        <!-- Der Link zum Javascript kann auch in den Head der jeweiligen Seite -->
        <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 
        
        <!-- Der Flash-Player -->
        <div class="flex-video" id="ytplayer-temp">You need Flash player 10.1 (or higher) and JavaScript enabled to view this video.</div>
        
        <!-- Das Javascript zum Laden der Videos nach Klick auf das Vorschaubild -->
        <script>
            /*
            * YouTube: Control Embedded Player With JavaScript API
            * http://salman-w.blogspot.com/2009/05/embed-multiple-youtube-videos-in-your.html
            */
            swfobject.embedSWF(
                "http://www.youtube.com/v/{if isset($item) && is_object($item) && isset($item->videoid)}{$item->videoid}{elseif isset($itemlist) && is_array($itemlist) && isset($itemlist[0]->videoid)}{$itemlist[0]->videoid}{/if}?enablejsapi=1&rel=0&fs=1",
                "ytplayer-temp",
                "480",
                "360",
                "10.1",
                false,
                false,
                { allowScriptAccess: "always", allowFullScreen: "true" },
                { id: "ytplayer" }
            );

            function ytplayer_loadvideo(link, id) {
                var o = document.getElementById("ytplayer");
                if (o) {
                    o.loadVideoById(id);
                    // funktioniert nur wenn, jquery verwendet wird
                    if(typeof $ != 'undefined') {
                        $('.videolink.active').removeClass('active');
                        $(link).parent().addClass('active');
                    }
                }
            }
        </script>

    </div>

{if isset($itemlist) && is_array($itemlist) && count($itemlist)}

    <div class="large-5 columns">

        <!-- Die Liste mit den Videos -->
        <ul class="videolist">

            {foreach from=$itemlist item="item"}

            <li class="videolink{if $item->is_selected} active{/if}">
                {$item->detaillink}<br/>

                <!-- onclick-Event zum Link mit Vorschaubild hinzufügen -->
                <a href="{$item->detailurl}" onclick="ytplayer_loadvideo(this, '{$item->videoid}');return false;">

                    <img src="http://img.youtube.com/vi/{$item->videoid}/default.jpg" border="0" alt="{$item->name}" title="{$item->name}" width="130" height="97" /> 
                </a>
            </li>

            {/foreach}

        </ul>
    </div>

{/if}

</div>

{/if}

Deine 1 Templatelösung ist deutlich besser.

Würd ich so pauschal nicht sagen.
Wie gesagt, es kommt drauf an was man am Ende erreichen will.
Es kann Situationen geben, wo es durchaus sinnvoller ist, mit mehreren Templates zu arbeiten.

]]> Thu, 24 Apr 2014 10:15:42 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30726#p30726 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30725#p30725 brandy schrieb:

Ich habs jetzt noch nicht hinbekommen - muss mir das zu Hause nochmal anschauen - danke vorerst mal...
Der Vorteil aus dieser Variante wäre, dass er nicht jedesmal die Seite neu lädt, oder?

Das Video aus der Liste ersetzt das bereits geladene Video, und dein Inhalt aus dem Contenblock bleibt davon unberührt.
Und die Seite wird nicht neu geladen.

]]> Thu, 24 Apr 2014 10:10:44 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30725#p30725 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30724#p30724 NaN schrieb:

{$itemlist[0]} gibt nichts zurück.

Kommt drauf an wie man das Modul aufruft.
Das Beispiel war als Video-Template gedacht.
Nicht als Detail-Template.

Da hast du vollkommen recht.
Deine 1 Templatelösung ist deutlich besser.

Wenn man diese Template als Listtemplate aufruft funktioniert das $itemlist[0]->videoid auch.
Z.B.

{cms_module module="youtubeplayer" listtemplate="video-template"}
]]> Thu, 24 Apr 2014 10:06:44 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30724#p30724 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30723#p30723 Ich habs jetzt noch nicht hinbekommen - muss mir das zu Hause nochmal anschauen - danke vorerst mal...
Der Vorteil aus dieser Variante wäre, dass er nicht jedesmal die Seite neu lädt, oder?

]]> Thu, 24 Apr 2014 10:05:49 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30723#p30723 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30721#p30721

{$itemlist[0]} gibt nichts zurück.

Kommt drauf an wie man das Modul aufruft.
Das Beispiel war als Video-Template gedacht.
Nicht als Detail-Template.
Im Video-Template gibt nämlich {$item->videoid} außerhalb der Foreach-Schleife nichts zurück.
Im Detail-Template macht es natürlich mehr Sinn mit {$item->videoid} und einem gesonderten Modul-Aufruf für die Liste zu arbeiten.

Ist halt die Frage was genau man erreichen will.
Ich habe in meinem Beispiel nur mit einem Template gearbeitet, nicht mit zweien.

Man könnte bei einem einzigen Template auch vorher prüfen, ob {$item} bzw. {$item->videoid} existiert, wenn ja, dann {$item->videoid} als Standard-Video verwenden, wenn nicht, prüfen ob {itemlist} bzw. {$itemlist[0]->videoid} existiert und dann das erste Element mit {$itemlist[0]->videoid} wählen.

Wenn beides nicht existiert, läuft sowieso irgendwas falsch.

]]> Thu, 24 Apr 2014 09:48:28 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30721#p30721 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30720#p30720 Ich fasse es für brandy nochmal zusammen:

Detailtemplate:

<div class="large-12 columns">
    <div class="large-7 columns">

        
        <!-- Der Link zum Javascript kann auch in den Head der jeweiligen Seite -->
        <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 
        
        <!-- Der Flash-Player -->
        <div class="flex-video" id="ytplayer-temp">You need Flash player 10.1 (or higher) and JavaScript enabled to view this video.</div>
        
        <!-- Das Javascript zum Laden der Videos nach Klick auf das Vorschaubild -->
        <script>
            /*
            * YouTube: Control Embedded Player With JavaScript API
            * http://salman-w.blogspot.com/2009/05/embed-multiple-youtube-videos-in-your.html
            */
            swfobject.embedSWF(
                "http://www.youtube.com/v/{$item->videoid}?enablejsapi=1&rel=0&fs=1",
                "ytplayer-temp",
                "480",
                "360",
                "10.1",
                false,
                false,
                { allowScriptAccess: "always", allowFullScreen: "true" },
                { id: "ytplayer" }
            );
            function ytplayer_loadvideo(link, id) {
                var o = document.getElementById("ytplayer");
                if (o) {
                    o.loadVideoById(id);
                    $('.videolink.active').removeClass('active');
                    $(link).parent().addClass('active');
                }
            }
        </script>

    </div>

{cms_module module="youtubeplayer"}

Listtemplate:

    <div class="large-5 columns">
            
        <!-- Die Liste mit den Videos -->
        <ul class="videolist">
            {foreach from=$itemlist item="item"}
            <li class="videolink{if $item->is_selected} active{/if}">
                {$item->detaillink}<br/>
            
                <!-- onclick-Event zum Link mit Vorschaubild hinzufügen -->
                <a href="{$item->detailurl}" onclick="ytplayer_loadvideo(this, '{$item->videoid}');return false;">
            
                    <img src="http://img.youtube.com/vi/{$item->videoid}/default.jpg" border="0" alt="{$item->name}" title="{$item->name}" width="130" height="97" /> 
                </a>
            </li>
            {/foreach}
        </ul>
        
    </div>
</div>

Die Templates müssen jeweils als Standard gesetzt werden.

]]> Thu, 24 Apr 2014 09:43:47 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30720#p30720 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30719#p30719 An eine Ajaxlösung dachte ich auch schon.
Yepp! Hinterher kann es  jeder sagen wink

Es funktioniert mit {$item->videoid}

swfobject.embedSWF(
  "http://www.youtube.com/v/{$item->videoid}?enablejsapi=1&rel=0&fs=1",
...

{$itemlist[0]->videoid} gibt nichts zurück weil es das Detailtemplate ist.

]]> Thu, 24 Apr 2014 09:37:05 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30719#p30719 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30718#p30718 Einfach ein neues Template im Youtubeplayer-Modul anlegen und den Code da einfügen.
Ich habs als Standard Video-Template ausgewählt.

]]> Thu, 24 Apr 2014 09:29:35 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30718#p30718 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30717#p30717 Wo bau ich das hin?
Copy/Paste reicht anscheinend nicht*g*

]]> Thu, 24 Apr 2014 09:22:12 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30717#p30717 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30716#p30716 Wie wäre es eigentlich mit einer Javascript-Lösung für die Video-Seite?
Video-Template:

<div class="large-12 columns">
    <div class="large-7 columns">
        
        <!-- Der Link zum Javascript kann auch in den Head der jeweiligen Seite -->
        <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 
        
        <!-- Der Flash-Player -->
        <div class="flex-video" id="ytplayer-temp">You need Flash player 10.1 (or higher) and JavaScript enabled to view this video.</div>
        
        <!-- Das Javascript zum Laden der Videos nach Klick auf das Vorschaubild -->
        <script>
            /*
            * YouTube: Control Embedded Player With JavaScript API
            * http://salman-w.blogspot.com/2009/05/embed-multiple-youtube-videos-in-your.html
            */
            swfobject.embedSWF(
                "http://www.youtube.com/v/{$itemlist[0]->videoid}?enablejsapi=1&rel=0&fs=1",
                "ytplayer-temp",
                "480",
                "360",
                "10.1",
                false,
                false,
                { allowScriptAccess: "always", allowFullScreen: "true" },
                { id: "ytplayer" }
            );
            function ytplayer_loadvideo(link, id) {
                var o = document.getElementById("ytplayer");
                if (o) {
                    o.loadVideoById(id);
                    $('.videolink.active').removeClass('active');
                    $(link).parent().addClass('active');
                }
            }
        </script>

    </div>
    <div class="large-5 columns">
            
        <!-- Die Liste mit den Videos -->
        <ul class="videolist">
            {foreach from=$itemlist item="item"}
            <li class="videolink{if $item->is_selected} active{/if}">
                {$item->detaillink}<br/>
            
                <!-- onclick-Event zum Link mit Vorschaubild hinzufügen -->
                <a href="{$item->detailurl}#ytplayer-temp" onclick="ytplayer_loadvideo(this, '{$item->videoid}');return false;">
            
                    <img src="http://img.youtube.com/vi/{$item->videoid}/default.jpg" border="0" alt="{$item->name}" title="{$item->name}" width="130" height="97" /> 
                </a>
            </li>
            {/foreach}
        </ul>
        
    </div>
</div>
]]> Thu, 24 Apr 2014 08:39:37 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30716#p30716 <![CDATA[Re: [GELÖST] Youtubeplayer]]> http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30715#p30715 Das Problem hierbei ist, dass wenn du die Liste mit inline="1" aufrufst, hast du zwar die Überschrift(und allen Inhalt) aus dem Contentblock aber damit auch das zuerst aufgerufene Video. Und das ist blöd.

Also bleibt dir nur:
1. Die Überschrift ganz oben zuerst im Detailtemplate setzen?
2. oder ins Seitentemplate

]]> Thu, 24 Apr 2014 08:33:10 +0000 http://www.cmsmadesimple.de/forum/viewtopic.php?pid=30715#p30715