2. PHPRunner General questions
  3. insert a video as background in login page
This topic is locked

insert a video as background in login page

 		5/23/2023 17:18:18
PHPRunner General questions
F
 francesco author

i know I have to insert this code in html editor of login page:
<video autoplay muted loop id="video-background"> <source src="video.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video>in which part of html code I have to insert upper code to show as full background video?

Sergey Kornilov admin 5/25/2023

I think you can just insert an HTML code snippet into the Login page via Page Designer and use your HTML code there.

francesco 5/25/2023

I don't know how to insert an html code snippet, can you provide a general example? thanks for help
Sergey Kornilov admin 5/25/2023

This is a built-in functionality:
https://xlinesoft.com/phprunner/docs/insert-text-and-image.htm
francesco 5/26/2023

Thanks for help, I solved with your suggestion.
I added following code in Page designer--Insert HTML text:
<div class="wrapper"> <video autoplay loop muted class="wrapper__video"> <source src="video.mp4"> </video> </div> and added CSS in STYLE tab:
`.wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
opacity: 0.6; / Regola l'opacità se necessario /
overflow: hidden;
}

.wrapper video {
object-fit: cover;
width: 100%;
height: 100%;
}
`