Skip to content
Full Screen Video Website
CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
README.md
bg.jpg
cloud.mp4
cloud.webm
index.html
prepros.cfg
style.css

README.md

Full Screen Video Website example

A really basic full screen splash video background with text.

Usage

Video source used: mp4 and webm for cross browser support.
Centering video and the background img is done by -
position: relative
top: 50vh;
left: 50vw;
transform: translate(-50%, -50%);

HTML tag can be configured to autoplay the video with autoplay attribute in the tag and can be looped by loop attribute.

About Me

Shreyas Gaonkar
I am a Freelancer Web Developer focusing on front-end development. I design and develop websites optimized for all mobiles and tablets to get rich User Experience. I design websites by putting in enough time keeping in mind about the client and use the correct Typography and color scheme that will go with the theme.

Contact

You can’t perform that action at this time.