Ticker

6/recent/ticker-posts

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

In this Oracle APEX Tutorial Post, We will explore about the add background video to login page in Oracle APEX.

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.

I will share few steps which help to add a background video to login page in Oracle APEX.

Step 1:- Go to the oracle apex application login page and In the below of oracle apex login page you will see the edit page link in the toolbar section. Click there,for the help we are sharing a screenshot to you.

How To Add Video into Login Screen in Oracle APEX

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.

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

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

Add Background Video to Login Screen in Oracle APEX

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> 
  
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 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.

Post a comment

0 Comments