Comments 3storm360 started the conversationMay 30, 2022 at 11:26amWe have used the coding from the manual provided with the theme. Below is Code With Demo 1980 x 720 Video: <div class="video-banner"> <div id="video-background"></div> <div class="text" style="background-image: url('pub/media/wysiwyg/panel/bg_video_replace.jpg');"> <h5 class="lh__1 sub-title"><em class="text-colour-white">Spring – Summer 2016</em></h5> <h2 class="margin-top20 margin-bottom20 lh__1" style="font-size: 60px;"><span class="text-colour-white">FLASH SALE OFF 70%</span></h2> <p class="text-center"><a class="btn btn-default2" href="#">Shop Now</a></p> </div> </div> <script type="text/javascript" xml="space"> require([ 'jquery', 'mgs/bgvideo' ], function ($) { $(document).ready(function () { $('#video-background').YTPlayer({ fitToBackground: true, videoId: 'VtDNUJWID50', pauseOnScroll: false }); }); }); </script> Demo Video 1980 x 720: https://www.youtube.com/watch?v=VtDNUJWID50 Thanks, 3storm360 repliedMay 30, 2022 at 1:48pmYou guys had help us previously with a white space issue but it doesn't appear to be working the image attached is what you sent us. 3storm360 repliedJune 1, 2022 at 8:01amHi, Can you help with this at all?[deleted] repliedJune 3, 2022 at 10:32amHi storm360, Sorry for reply late. We are working to check your issue. Please wait, we will response you soon. Regards, Hyun 3storm360 repliedJune 6, 2022 at 10:57amAny Update on this?[deleted] repliedJune 7, 2022 at 2:03amHi storm360,Sorry for reply late. I've checked and saw your code apply to frontend but I can't find what page have video banner. Can you send me link page, pls? ThanksRegards,Hyun 3storm360 repliedJune 7, 2022 at 8:17amhttps://www.kylemarkuniforms.co.uk/about-us-finalthe page has a video banner .[deleted] repliedJune 8, 2022 at 6:53amHi storm360,You missing class banner so banner didn't show correctly. I've update again and now banner don't have white space anymore.Regards,Hyun 3storm360 repliedJune 8, 2022 at 1:00pmCan you send us the new code?Thanks,[deleted] repliedJune 9, 2022 at 1:03amHi storm360, I used old code. Just change class bannerRegards,Hyun Sign in to reply ...
We have used the coding from the manual provided with the theme. Below is
Code With Demo 1980 x 720 Video: <div class="video-banner">
<div id="video-background"></div>
<div class="text" style="background-image: url('pub/media/wysiwyg/panel/bg_video_replace.jpg');">
<h5 class="lh__1 sub-title"><em class="text-colour-white">Spring – Summer 2016</em></h5>
<h2 class="margin-top20 margin-bottom20 lh__1" style="font-size: 60px;"><span class="text-colour-white">FLASH SALE OFF 70%</span></h2>
<p class="text-center"><a class="btn btn-default2" href="#">Shop Now</a></p>
</div>
</div>
<script type="text/javascript" xml="space">
require([
'jquery',
'mgs/bgvideo'
], function ($) {
$(document).ready(function () {
$('#video-background').YTPlayer({
fitToBackground: true,
videoId: 'VtDNUJWID50',
pauseOnScroll: false
});
});
});
</script>
Demo Video 1980 x 720: https://www.youtube.com/watch?v=VtDNUJWID50
Thanks,
You guys had help us previously with a white space issue but it doesn't appear to be working the image attached is what you sent us.
Hi, Can you help with this at all?
Hi storm360,
Sorry for reply late. We are working to check your issue. Please wait, we will response you soon.
Regards,
Hyun
Any Update on this?
Hi storm360,
Sorry for reply late. I've checked and saw your code apply to frontend but I can't find what page have video banner. Can you send me link page, pls? Thanks
https://www.kylemarkuniforms.co.uk/about-us-final
the page has a video banner .
Hi storm360,
You missing class banner so banner didn't show correctly. I've update again and now banner don't have white space anymore.
Regards,
Hyun
Can you send us the new code?
Thanks,
Hi storm360,
I used old code. Just change class banner