Ik ben een beetje aan het experimenteren met lightbox2.Dat lukt goed met afbeeldingen.
Een andere videobox voor het weergeven van video's is:
http://videobox-lb.sourceforge.net/
Dat werkt ook goed.Ik werk met Dreamweaver CS 4.Bij de a href geef je gewoon de url van de betreffende video in (bv van Youtube)
Wanneer de videobox in de browser verschijnt met het youtube filmpjekan je dit normaal afspelen.Nadat de video is afgespeeld komen er links naar andere video's in beeld.(related video's)
Is het mogelijk om deze uit te schakelen zodat je alleen het filmpje hebt?Je kan op Youtube dergelijke code genereren om de video in te sluitenop de webpagina, maar bij de videobox werkt dat niet.Bij de videobox moet je de URL gebruiken, waardoor je aan het einde steedsde gerelateerde video's krijgt.
En btw als je iets meer moeite doet met Google dan kun je denk ik wel 100 mooiere systemen vinden dan Lightbox.Ik vind Lightbox zo'n Windows gevoel opwekken, dat lelijke 'Close-X' rechts onderaan dat kan toch echt niet meer in deze tijd.
Dat van het Windows-gevoel heb ik niet echt.Moest er nu reclame van Microsoft op komen.Maar dat is niet het geval hé
Ik weet niet hoe dit werkt.http://www.vimeo.com/
Das toch ook een soort Youtube?Miss. staan daar dezelfde video's op of kun je ze zelf erop zetten. Want volgens mij heeft deze site NIET dat related video's scriptje na het bekijken van een video.
En dat Windows gevoel is puur zoals ik het ervaar.http://www.raffaelecatania.it/Klik hier eens op een afb. dat geeft toch veel meer gevoel dan zo'n Lightbox popup?En dit is nog niet eens het beste voorbeeld.
(Bewerkt door DNA om 17:20, 22-05-2010)
Overigens heeft Vimeo op dit moment wel een prettigere spelerdan Youtube, hoewel ik de nieuwe look van Youtube's controller(wit en een stuk netter) wel érg mooi vindt
Mvg,Joram
Fancy zoom is wel heel goed.Alvast bedankt voor alle tips.
DNA om 16:07, 22-05-2010Ik vind Lightbox zo'n Windows gevoel opwekken, dat lelijke 'Close-X' rechts onderaan dat kan toch echt niet meer in deze tijd.
Om die reden gebruik ik altijd Shadowbox, vind ik een mooier (vooral subtieler) en bestuurt ook een stuk prettiger (reageert veel meer op toetsenbord-commando's e.d.).
Volgens mij wil de TS hier ook wel eens naar kijken omdat je gelijk alles compleet hebt op deze manier.Image, video (YouTube, Vimeo, Google-video, QuickTime) en nog meer en het geeft de background van je pagina ook gelijk een beetje een fade/shadow (donkere kleur) zodat je meer aandacht richt op de image of video.
Zeer net scriptje! Al kan ik niet even snel zien hoe zwaar (kb's) het in totaal is.
http://www.shadowbox-js.com/
(Bewerkt door DNA om 22:01, 23-05-2010)
Voor de Google video support heb je bepaalde bestanden nodig.Stylesheet bestanden.
Deze:
<link rel="stylesheet" type="text/css" href="files/style.css"><link rel="stylesheet" type="text/css" href="build/shadowbox.css">
<script type="text/javascript" src="build/shadowbox.js"></script>
Er moet dus een mapje 'files' zijn en een mapje 'build' daar staan de bestanden in welke achter de / staan.Deze moet je ook op je server/hosting zetten en dan natuurlijk de code linken naar die bestanden.
Dan krijg je dit:
<link rel="stylesheet" type="text/css" href="http://www.eigen-web-adres.nl/css/files/style.css"><link rel="stylesheet" type="text/css" href="http://www.eigen-web-adres.nl/css/build/shadowbox.css">
<script type="text/javascript" src="http://www.eigen-web-adres.nl/css/build/shadowbox.js"></script>
En als dat goed gaat moet het lukken.
Ik heb 2 CSS stijlen gekoppeld:1 de opmaak2 shadowbox
Voor video heb ik hoogte 480 en breedte 640 meegegeven
Controleer even alle urls/linkjes welke naar de video verwijzen.
Ik bekijk even deze code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Vimeo</title><link rel="stylesheet" type="text/css" href="files/style.css"><link rel="stylesheet" type="text/css" href="build/shadowbox.css"><script type="text/javascript" src="build/shadowbox.js"></script><script type="text/javascript">Shadowbox.init({}, function() { Shadowbox.setup('a[title="Egypt/Lebanon Montage"]', { height: 360, width: 640, flashVars: { clip_id: "7058755", autoplay: "1" } });});</script></head><body> <p>This example demonstrates how to display a Vimeo video in Shadowbox.</p> <p><a href="http://vimeo.com/moogaloop.swf" title="Egypt/Lebanon Montage">Click Here</a></p> <p id="foot">This file is part of <a href="http://shadowbox-js.com/">Shadowbox.js</a>.</p></body></html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Vimeo</title><link rel="stylesheet" type="text/css" href="files/style.css"><link rel="stylesheet" type="text/css" href="build/shadowbox.css"><script type="text/javascript" src="build/shadowbox.js"></script><script type="text/javascript">Shadowbox.init({}, function() {
Shadowbox.setup('a[title="Egypt/Lebanon Montage"]', { height: 360, width: 640, flashVars: { clip_id: "7058755", autoplay: "1" } });
});</script></head><body> <p>This example demonstrates how to display a Vimeo video in Shadowbox.</p> <p><a href="http://vimeo.com/moogaloop.swf" title="Egypt/Lebanon Montage">Click Here</a></p> <p id="foot">This file is part of <a href="http://shadowbox-js.com/">Shadowbox.js</a>.</p></body></html>
Daar zie dit staan: autoplay: "1" <-- als je dat op "0" zet moet hij volgens mij niet autom. beginnen met afspelen op deze manier kun je goed controleren waneer er door-verbonden wordt met de website van de video. Direct of pas als de video start met afspelen.
de url die ik gebruik heeft een nummer i.p.v. moogaloop.swf
Maakt dat iets uit?
Gast
