Adding Video to Your Oracle APEX Login Screen: A Step-by-Step Guide - Javainhand Tutorial

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

Adding Video to Your Oracle Apex Login Screen: A Step-by-Step Guide

Introduction

Oracle Apex is a powerful development tool that allows you to create web applications quickly and easily. One of the key features of Apex is the ability to customize the login screen to make it more engaging and user-friendly. In this article, we will show you how to add a video to your Oracle Apex login screen, step-by-step.

Getting Started

Before we get started, make sure that you have an Oracle Apex application set up and that you have administrative access to it. You will also need a video that you want to add to the login screen. The video should be in a format that is compatible with modern browsers, such as MP4 or WebM.

Uploading the Video

The first step is to upload the video to your Oracle Apex application. To do this, log in to your application as an administrator and navigate to the Shared Components section. Click on the Static Files option, and then click the Create button.

In the Create Static File dialog box, give your video a name and choose the File Type option. Select the video file that you want to upload, and then click Create.

You can match the following screenshot for a better understanding.

Screenshot 1:-Upload Your Video File to Static Application Files

Screenshot 2:-Copy the Reference URL

 Add Video Tag to Page HTML Header

After copying the background video login reference URL, back to the your Oracle 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> 
  

Add CSS Code

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;
  }

Conclusion

In conclusion, adding a video to your Oracle Apex login screen is a simple and effective way to enhance the user experience and make your application more engaging. By following the steps outlined in this article, you can easily add a video to your login page and stand out from the competition.

If you like this post then share your view in the comment box.