CSS3 Slideshow with background videos

[Gazou]

Hello, i would like to apologize myself if my translations looks bad cause english is not my birth language so 'ill do my best explaining you what i'm looking for.
Something else, I'm a begginner i got some notion of Html and CSS coding but not enough i guess

I'm actually working on a HTML5/CSS3 project which requires a simple framework of a website :
The goal is to set up a slideshow really close to that kind of : www.ultranoir.com/ with videos at every slide as background.
I wished to know if could do this without Javascripts and if someone could teach me how to do this
I've almost achieved the main background video

Thanks for any reply hope to see you soon guys!

[JAB Creations]

Hello Gazou,

You'll want to seriously look in to CSS3 animations, CSS3 transitions may add a nice polish as well though they should not be necessary.

CSS3 animations are supported in Chrome 4.0+, Firefox 5.0+ and Safari 4.0+. Support in Internet Explorer 10 has not been announced though transitions were demonstrated early on though they won't get the job done nor are they even available in current preview builds of IE10. Unfortunately I don't know when support will be added to Opera though thankfully when it's announced it won't take ages for it to land in a stable build.

So you should be able to do this without JavaScript in some browsers though to get it to work in all browsers you would have to use JavaScript.

If you will use JavaScript I highly recommend staying away from frameworks as they lead you away from coding real and reliable JavaScript, produce a lot of overhead, reduce performance and are much less reliable than using real JavaScript as they overwhelming tend to rely on unreliable proprietary methods such as innerHTML.

I hope this answers your question?

[Gazou]

Hello and thanks for your quick answer,
As you say i must use js to make it fully compatible with any browser so i did it and it worked, got several videos in a js slider but i just got a last problem the video is no longer a background video
But i'll try my best resolving that
I'll be back if anything goes wrong again or if i can't solve that
Thank you again for your post.
Bye
(i apologize again for any sentence syntax errors, i'm not using any trad device )

[JAB Creations]

You can emulate videos as being a background if you put them in a divisible element and then position another divisible element over the video specific divisible element. Then put both of those divisible elements inside a parent divisible element and use that as the slider div you move around.

[zcorpan]

WTF is a divisible element?

[JAB Creations]

WTF is a divisible element?

'div' is short for divisible.

[zcorpan]

I thought it was short for "division".

[JAB Creations]

Really? Hm...I did search a bit...must have been a term I picked up way back. Now you have me curious about how far back we can find out what the abbreviation is for...

[zcorpan]

DIV elements can be used to structure HTML documents as a hierarchy of divisions.

http://www.w3.org/TR/REC-html32#div

[JAB Creations]

I stand corrected, thank you.