Add Background Video to Login Page in Oracle APEX - Javainhand Tutorial

In this Oracle APEX Tutorial Post, We will explore the Add Background Video to Login Page in Oracle APEX.

Adding background video to login page can grab user attention to your website. A video background will helps to grab user attention and many more websites use this cool tricks.

How to Make Login Page with Video Background in Oracle APEX

Step 1:- Go to the application login page and find the edit page link in the toolbar section. Click on the Edit Page option and you will redirect to the developer designer page. See the below image for the better understanding.

Step 2. After the click on the edit link, application page designer section will open then you have to go to the your application shared components section and you have to search the static application files link. You can match the following screenshot for a better understanding.

Step 3:- After the finding the link, upload your login background video to that section and copy the your background video login reference URL. You can match the following screenshot for a better understanding

Step 4:- After copying the background video login reference URL, back to the your apex login page and Add below HTML code in the page HTML header section. You can match the following screenshot for a better understanding.

  <video autoplay loop id="video-background" muted plays-inline>
    <source src=#APP_IMAGES#demo1.MP4 type="video/mp4">
    </video> 
  

Step 5:- After adding the HTML code, Now you have to add CSS to fix video elements.

video{
    position:fixed;
    min-width:100%;
    max-width:100%
    width:auto;
    height:auto;
    z-index:-100;
  }

You can modify the above CSS code based on your requirements. That's all for today I think this Add Background Video to Login Page in Oracle APEX post will helpful for you. If you like this post then share your view in the comment box.