Ticker

6/recent/ticker-posts

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

Add Background Video to Login Page in Oracle APEX

In this Oracle APEX Tutorial, We will learn how to add a background video to the login page in Oracle APEX using HTML and CSS.

So I will share some steps which help to add a background video to the login page in Oracle APEX. Please follow the below steps.

Step 1:- Go to your application login page and Edit your login page.

Oracle APEX Tutorial - How To Add Video into Login Screen in Oracle APEX

Step 2. Go to your application Shared Components section and you see the static application files section. You can match the following screenshot for a better understanding.

Oracle APEX Tutorial - How To Add Video into Login Screen in Oracle APEX

Step 3:- Upload the video in the static application files section and copy the video reference URL.


Oracle APEX Tutorial - How To Add Video into Login Screen in Oracle APEX


Step 4:- After the uploading of the video, back to the 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> 
  
Oracle APEX Tutorial - How To Add Video into Login Screen in Oracle APEX

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 base 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. Also, Share this post with your friends and also share in the oracle apex related group.

Post a comment

0 Comments