How to put video as background image with no lag?

Joined
Jun 27, 2017
Messages
59
Best answers
0
Ratings
1
Points
8
#1
Some websites, like PayPal, have started to use videos as their background, which makes for a lively (and lovely, I'd say) homepage that is assured to make a sense of trust grow in its users.
Still...how did they manage to make it run without lag? It sounds like a daunting task to me, considering even simple CSS effects can cause major slowdowns, but a freaking video doesn't. What sorcery is this?
 

VirtuBox

Global Mod
Staff Member
Joined
May 3, 2016
Messages
1,507
Best answers
4
Ratings
387 12
Points
83
#2
Joined
Oct 28, 2017
Messages
9
Best answers
0
Points
0
#4
You can use
Code:
div
which has
Code:
img
tag inside of it and set the
Code:
z-index
into negative so that the other element will overlap the image.

Base on my experience, you need to covert the video into possible smaller size. What I mean by this is that convert into lower size but not too much so that you will not lose the quality of the video.

And another thing, if you want your video to be in the background and play it without any lag, use jquery and load the content of the page first before opening it, so when your visitor open your page the video will play continously.
 
Older Threads
Replies
0
Views
3
Replies
2
Views
491
Replies
0
Views
324
Newer Threads
Latest Threads
Similar Threads
Replies
10
Views
53
Replies
6
Views
340

Latest postsNew threads

Latest Hosting OffersNew Reviews

Sponsors

Latest Blog ArticlesMost Viewed Threads

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top