I added a video to the Media folder. How can I use it as background for the login screen?
I also tried with a web component but I do not know how to reference that file in the Media folder.
Thanks
var _sTemplate = '<video playsinline autoplay muted loop><source src="[MEDIA_URL]" type="[MIME_TYPE]">Your browser does not support the video tag.</video>';
var _sMediaName = 'sample_video.webm';
var _sMediaURL = application.getMediaURL(_sMediaName).replace(/\?.*$/, '');
var _sMimeType = solutionModel.getMedia(_sMediaName).mimeType;
var _sHtml = _sTemplate.replace(/\[MEDIA_URL\]/, _sMediaURL).replace(/\[MIME_TYPE\]/, _sMimeType);
elements.lbl_bg_video.text = _sHtml;
video {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.video-wrapper {
position: relative;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
Users browsing this forum: No registered users and 1 guest