Film achtergrond site

[StevenT]

Goede Nacht,

Ik heb hier ooit een topic gezien van iemand die op de achtergrond van zijn site een filmpje wilde hebben.
Nu wil ik dat ook graag (als het kan) maar kan dat topic niet meer vinden
Bij het topic zat ook een link naar het voorbeeld.
Ook dat voorbeeld weet ik niet meer.

Ik weet niet waarin het moet zoeken.
Of het eventueel een groot flashfilmpje is met daarop layers met de site....
Of toch iets anders.

Hopelijk snappen jullie een beetje wat ik bedoel
En kan iemand mij hiermee helpen.

Groet,
Steven

[Piet Koenen]

Hi,
Zoiets b.v: http://www.cinematicwallpaper.com/
Groet Piet.

[StevenT]

Hi,

Dit is niet wat ik bedoel.
Dit zijn stil staande beelden.
Ik zocht naar bewegende beelden.

Bijvoorbeeld een sterren hemel die eeuwig blijft bewegen.

Steven

[Piet Koenen]

http://artdigitaldesign.com/
Zo dan?
Groet Piet.

[tj0nge]

Ik denk dat je dan het beste gewoon flash kunt gebruiken...

[StevenT]

Hmm wat Piet had gestuurd is niet echt wat ik zocht haha voor zover ik mij kan herinneren.

Maar dat kan ook aan mij liggen.
Hoe zit dat dan verder met flash? Daar kan je toch een fullscreen optie kiezen?
Dat hij je hele scherm (website, browser) beslaat?

Steven

[BlackiE]

Naar mijn weten kan dit alleen met flash.
Ik zelf gebruik het ook. Alleen geen filmpje als achtergrond, maar een movieclip kan van alles zijn.

// ---  variabels en arrays instellen
stage.align = "TL";
stage.scaleMode = "noScale";
var bgHeight = bg_resizer.height / bg_resizer.width;
var bgWidth = bg_resizer.width / bg_resizer.height;

// --- listener voor background resizer
stage.addEventListener(Event.RESIZE, sizeListener);

function bgResizer():void
{
	if ((stage.stageHeight / stage.stageWidth) < bgHeight)
	{
		bg_resizer.width = stage.stageWidth;
		bg_resizer.height = bgHeight * bg_resizer.width;
	}
	else
	{
		bg_resizer.height = stage.stageHeight;
		bg_resizer.width = bgWidth * bg_resizer.height;
	}
}

// --- centeren van achtergrond
function bgRecenter():void
{
	bg_resizer.x = stage.stageWidth / 2;
	bg_resizer.y = stage.stageHeight / 2;
}

// bij browser wijziging formaat wijzigen
function sizeListener(event:Event):void
{
	bgResizer();
	bgRecenter();
}

bg_resizer is dus de movieclip en deze wordt vergroot dat het browser vullend is, niet beeldvullend!

[ktf]

Oorspronkelijk geplaatst door BlackiE

Naar mijn weten kan dit alleen met flash.

Nee hoor. Tuurlijk kan dit ook anders. Als je gewoon een filmpje imbed (met embed of de nieuwe video-tag) en dat met CSS op de achtergrond zet ben je in principe klaar.

[StevenT]

@BlackiE

heb je daar een voorbeeld voor werkend miss?

@ktf
En hoe krijg ik zo'n filmpje dan op fullscreen?
Want opzich zat ik daar ook aan te denken, alleen geen idee hoe ik dat browserfullend zou krijgen...

[ktf]

Oorspronkelijk geplaatst door StevenT

En hoe krijg ik zo'n filmpje dan op fullscreen?
Want opzich zat ik daar ook aan te denken, alleen geen idee hoe ik dat browserfullend zou krijgen...

Heb je al eens een HTML5 canvas demo gezien? Daar kun je de gekste dingen mee, waaronder video's schalen en draaien, eventueel zelfs perspectiefvertekeningen. Ik heb er zelf nooit mee gewerkt en het werkt alleen in de nieuwste browsers (IE9 bijv, IE8 niet geloof ik) maar het is minder belastend dan flash. Het is alleen wel CSS voor gevorderden

Kijk bijvoorbeeld naar het volgende voorbeeld:
http://craftymind.com/factory/html5v...nvasVideo.html

Of een Philips Ambilight-achtig effect
http://media.chikuyonok.ru/ambilight/

En hier, een voorbeeld met zoom en rotatie
http://isithackday.com/hacks/videozo...ing-video.html

Je kunt er dus duidelijk de gekste dingen mee