How to get a splash screen like Paypal's?

Discussion in 'HTML & Website Design' started by Suziclue, Feb 6, 2015.

0
  1. #1
    Hi, Can someone help me with info on how Paypal does that slash screen of the woman texting her phone? Is there a scrypt out there? https://www.paypal.com/home

    Thanks
     
    Suziclue, Feb 6, 2015 IP
  2. themes4all

    themes4all Well-Known Member

    Messages:
    662
    Likes Received:
    47
    Best Answers:
    6
    Trophy Points:
    100
    #2
    Hello,

    This is called Video Background.. you can get the same by using this code, just after the body :

    
<video id="bgVideo"autoplay loop poster="image.png">
<!--Video isembedded inthe WEBM format-->
<source src="video.webm"type="video/webm">
</video>
    Code (markup):
    Then the CSS : 

    
video#bgVideo {
position:absolute;//Playthevideoinfullscreenmode
top:0px;
left:0px;
min-width:100%;
min-height:100%;
z-index:-1;//Putthevideobehindallotherelements
}

@media only screen and (max-width: 768px) {
 video {
 display:none;
}
body{
background-image:url("image.png");
}
}
    Code (markup):
    You can also use any youtube video as a background by following this tutorial : Link

    Goodluck
     
    themes4all, Feb 9, 2015 IP
    terrymason likes this.