Op mijn site http://www.rallydigital.be/ zou ik door op het video logo te klikken het gelinkte filmpje willen laten bekijken op dezelfde pagina in een iframe op formaat 480x390, nu linkt deze naar de volledige youtube pagina in plaats van enkel het filmpje.
Iemand enige uitleg hou ik dat voor elkaar kan krijgen? ;)

Ze staan er nu in als link naar het filmpje.
Je kan bij youtube ook een iframe code krijgen door op delen te druken.
Deze moet je dan in de html code van je site plaatsen.


<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/_RN7p5esXtI" frameborder="0" allowfullscreen></iframe>

Heb ik reeds geprobeerd met die link, maar dan krijg ik dat iframe op de index pagina.
Het iframe mag enkel door op het video logo te klikken geopend worden daar er verschillende logo's op zullen komen te staan gekoppeld aan de betreffende wedstrijd.
Heb even een screen gemaakt zoals ik het zou willen zien, maar nu wel gebruik gemaakt van de popup van het filmpje als voorbeeld, maar liever geen popup code omdat dan altijd een popup toestemming gevraagd wordt.

http://i851.photobucket.com/albums/ab76/wizaron/Naamloos22.jpg

Dan kan je beter gebruik maken van bv de fancy box als popup layer deze wordt niet onderdrukt.

Ik heb hier ff een voorbeeld gemaakt http://dev.designstudioice.nl/rally/

Heb mijn huiswerk opnieuw gemaakt, uw voorbeeldpagina vergeleken of laat staan de scripts naar dezelfde plaatsen gekopieerd.
Ik ben nu ook geen zo een crack in dit soort dingen, maar denk dat ik gewoon niet weet naar waar en welke onderdelen van de jquery fancybox download moeten staan of welke onderdelen ervan moeten upgeload worden.
Verder kwam ik ook nog op de site van http://fancybox.net/blog onder Tips & Tricks volgende tegen onder nr4. Show youtube clips.
En ondertussen ook eens met http://videobox-lb.sourceforge.net/ geprobeerd die ik ook niet werkende krijg, zal waarschijnlijk door gebrek aan kennis van mijn kant liggen dat het niet lukt :cry: nu bij deze geef ik het op.
Toch bedankt Butterflyice voor de medewerking en moeite ;)

Voor de fancybox kan je alle bestanden downloaden deze pak je uit en zet je in de map van je site.
Als goed is heb je dan een map fancybox.
In deze map staan alle js en css files die je nodig heb.
je kan deze op de volgende manier aanroepen in je html file.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />


Dan moet je nog een class of een id declareren waar dit script voor moet werken
deze komt ook nog voor de sluiting vande head tag.


<script type="text/javascript">
$(document).ready(function() {
$(".movie").fancybox({
'width' : 514 ,
'height' : 424 ,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
</script>


Nu moeten we nog de html maken hiervoor in dit geval linken we naar een niewue pagina die in een iframe wordt geladen en getoond wordt in de fancybox


<a class="movie" href="youtube_1.html"><IMG border=0 src="img/7.1.jpg" width=100 height=67></a>


Als goed is kan je er nu wel uitkomen mocht je nog vragen hebben dan horen we het graag.

suc6 er mee

Ga ik in de loop van de week toepassen om mijn site, bedankt Butterflyice voor je verdere medewerking :good: ;)

We zijn er bijna door :) was nog even zoeken, na het uitpakken was er geen fancybox map daardoor werkten de links niet alsook de bestanden jquery.fancybox-1.3.4.pack.js en jquery.fancybox-1.3.4.css stonden in een na het uitpakken in een andere map, deze twee bestanden dan in een bijgemaakte map onder de naam fancybox gezet en nu werkt het.
Enkel het knopje (X) rechts boven van het filmframe om het schermpje te sluiten ontbreekt nog.
Testpagina.
http://www.rallydigital.be/Untitled-1.html

Dat is een plaatje die behoort ookin de map te zitten van de fancybox.
maar mooi dat het gelukt is.