Page 1 of 1
[opgelost] Youtube video in Gallery
Posted: Thu May 23, 2013 10:05 am
by timdebuurman
Hoi,
Ik wil graag youtube video's kunnen tonen in de Gallery.
Dus dat 1 gallery kan bestaan uit afbeeldingen en video's
Volgens documentatie van PrettyPhoto kan het door zoiets als dit toe te voegen:
<a href="
http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
Zou zoiets in de gallery-module ingepast kunne worden..?
gr Tim
Re: Youtube video in Gallery
Posted: Thu May 23, 2013 10:20 am
by velden
Je kunt het eens proberen met een custom field. Als de gebruiker daar bijvoorbeeld de video-id invult.
In je template kun je daar op controleren en dan de link plaatsen naar Youtube in plaats van naar de grote versie van de foto.
Je kunt dan eventueel wel een foto laten plaatsen die als thumbnail dient voor de video.
Re: Youtube video in Gallery
Posted: Thu May 23, 2013 10:32 am
by timdebuurman
Hoi,
Bedankt...hij ljkt het wel goed aan te roepen, maar bij klikken op de thumb, komt deze foutmelding in beeld:
Image cannot be loaded. Make sure the path is correct and image exist.
De html is nu zo:
<div class="img">
<a href="
http://www.youtube.com/embed/OOpmYiyCKOY?rel=0" title="" rel="prettyPhoto[2]">
<img src="uploads/images/GalleryThumbs/4-8.jpg" alt="ontwerp64_medium.jpg" /></a>
</div>
De url naar de youtube-film klopt.
Re: Youtube video in Gallery
Posted: Thu May 23, 2013 10:37 am
by timdebuurman
Hij werkt!
Ik heb het vervangen voor
http://youtu.be/OOpmYiyCKOY
blijkbaar was toch de url niet degene die het moest zijn.
Voor wie dit ook wil:
- Bij Gallery velddefinities een nieuwe maken, bijv. genaamd 'video' met als type: 'tekstinvoer'
- In de sjabloon van Gallery, in mijn geval die van PrettyPhoto dit:
Code: Select all
<a class="group hide" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->comment}" rel="prettyPhoto[{$galleryid}]"></a>
veranderd in dit:
Code: Select all
{$image->fields.video.value assign="video"}
{if $video}
<a class="group hide" href="{$video}" title="{$image->comment}" rel="prettyPhoto[{$galleryid}]"></a>
{else}
<a class="group hide" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->comment}" rel="prettyPhoto[{$galleryid}]"></a>{/if}