# APEX Login Page - Video Background

![](https://cdn-images.postach.io/b010981a-bd29-46c5-ac78-bf4c31dd2ff6/c8ffc0d9-d24a-4e04-b516-45907b967b00/a1768fcf-4c10-4bf6-8e81-58a5590ad3d7.gif align="left")

A short and sweet blog post but hopefully of interest.

There have been a few tweets recently about customising the login page in APEX to have background images, and I thought it was about time I blogged again about something I setup for a very small piece of [John’s KSCOPE17 presentation](https://twitter.com/aejes).

Basically, the request was to add a video to the background of a single page application (which had no login page).

So, I’ve decided to document how to do this on the Login Page.

You just need a mp4 file of the video of choice (I used [https://videos.pexels.com/](https://videos.pexels.com/) for the stock video), and upload to static files in your application.

Then from a coding side, there are only really two components to it:

Add the following CSS into your application:

![](https://cdn-images.postach.io/b010981a-bd29-46c5-ac78-bf4c31dd2ff6/c8ffc0d9-d24a-4e04-b516-45907b967b00/138343f6-9b4a-4a40-bc14-e2c5fb2777f1.png align="left")

Then in the HTML Header of Page 101, add the following:

![](https://cdn-images.postach.io/b010981a-bd29-46c5-ac78-bf4c31dd2ff6/c8ffc0d9-d24a-4e04-b516-45907b967b00/f88245af-be64-4c8e-828f-b9ea4e533976.png align="left")

That’s it.

Check out the demo in Chrome (unfortunately probably wont work in IE7) , and change the select list to get some more examples - [here](https://apex.oracle.com/pls/apex/f?p=48107:101)

Obviously, consider the size of the videos you are embedding but I think the output is pretty impressive.

Any comments, please contact me via Twitter [@RCDacre](https://twitter.com/RCDacre)

* [#post](https://richarddacre.postach.io/tag/post)
    
* [#orclapex](https://richarddacre.postach.io/tag/orclapex)
