WebSite X5Help Center

 
Koert N.
Koert N.
User

How to make overlay pattern on top of video  en

Auteur : Koert N.
Visité 2235, Followers 2, Partagé 0  

Hi

At the moment i'm building a new site using X5evo13. On my home page i have a video playing in the background and top of that a Picture of a Logo.I made a small Backgroundvideo of 30 sec which i uploaded to youtube and i'm using the Url to that video in de "row"function.Untill here everything works well.

I compared a lot of other  "Video BG websites"and i noticed that they frequently using an overlaypattern of small dots or stripes etc etc on top of the video. I think it looks very cool and proffessional and the great advantage is also that it hides artifacts in bad footage or poor quality video and it's providing a bigger contrast with the Logo.I discovered that they the builders are using a small (4x4Pxl or 8x8 Pxl) PNG transparent picture which they repeat on top of the video and are using a small line of code to do that,something in Css and Html5?

My question; can somebody please tell me how i can do such a thing in X5evo13 and what line of codes they use and where i have to put them?  or in fewer words, can somebody please tell me how to do this in evo13? because i really want to implement that in my new site..

nice example of what i mean: http://www.variousways.com/#section2

Posté le
3 RéPONSES - 1 UTILES
Incomedia
Riccardo P.
Incomedia

Hello Koert,

automatically is not possible, you can insert manually a script for this or add a backgrond image with the black point in .png .

Wait more information about this by other user of this community.

Thank you

Lire plus
Posté le de Riccardo P.
Koert N.
Koert N.
User
Auteur

Thanks for your answer,

is it possible that you or maybe an other user can  help me with such a script?how to do?where to put it?

I tried a script (html5 line & Css script) but couldn't get it to work, also didn't now exactly where to put it..

Lire plus
Posté le de Koert N.
Incomedia
Riccardo P.
Incomedia

Hello Koert,

you can use the object HTML to paste your code. For the script wait more informatioi about this by other user of this community.

Thank you.

Lire plus
Posté le de Riccardo P.