Video On Background Bugs/improvments
Laurent
Hi,
Our customers told us about some strange things when a video is added as section background.
- On Android + iPhone 13 with iOS version 18.0 on chrome browser they see this => https://prnt.sc/nluxO1d02r4B
- On iPhone XR iOS 16.1.1 on safari browser the have this => https://prnt.sc/xJrfyrAqUxh8 => the youtube play button is displayed, why?
Also, when the page is loaded and the video starts, we can see this => https://prnt.sc/3gTSwyxtPd8q These infos are hidden after few seconds. Is it possible to completely hide them and/or not loading them?
Thanks L.
Mehtaz Afsana Borsha
Accepted AnswerHi
Sorry there is no default option to do that. If you play this video from YouTube then its settings options must be visible. You can do one thing, You can play videos from YouTube in the background without uploading them to the site. Then this will not be a problem.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us and sorry for your issue. Could you please give me your site URL? I need to check.
-Regards.
Mehtaz Afsana Borsha
Accepted AnswerTry this custom CSS
.sticky-header-placeholder {
display: none !important;
}Mehtaz Afsana Borsha
Accepted AnswerCould you please mention the page builder version? And please keep a full site backup and give me your super admin access. I need to check.
Laurent
Accepted AnswerLatest version of SPPB 5.4.2
I cannot give you access production website, please do the test on your own website. Just add a youtube as section background and test it from iphone, you will see.
Mehtaz Afsana Borsha
Accepted AnswerYou can use this custom css for remove the YouTube Red play button
button.ytp-large-play-button.ytp-button.ytp-large-play-button-red-bg {
display: none !important;
}Mehtaz Afsana Borsha
Accepted AnswerI will inform our DEV team about these new issues. Allow me some time please, I have to talk with them ON Monday, I will let you know then. Please knock me on Monday(Our next working day).
Mehtaz Afsana Borsha
Accepted AnswerHi
Our team is working on that, it may take some time. Allow us some time please.
Mehtaz Afsana Borsha
Accepted AnswerHi
Your First issue is already solved please check.
For your second issue, you can use my custom CSS which I gave you already. It will not effect auto play option.
Laurent
Accepted Answerno the issue is not solved. we have just replaced youtube video background by local video background hosted on the web server.
so please check the bug when a youtube video is placed as section background as described in my post.
thanks
Mehtaz Afsana Borsha
Accepted AnswerHi
I have created this issue, but it seems ok in my end. Please check the screenshots below:
Laurent
Accepted AnswerI think you do not understand the problem. Yes the youtbe video works as section background. but how to hide these infos => https://prnt.sc/AYjB1Dvgxb4G
Mehtaz Afsana Borsha
Accepted AnswerIn that case, you have to use custom CSS. Here are the CSS
.ytp-title-text{
display: none !important;
}
.ytp-watch-later-icon{
display: none !important;
}
.ytp-watch-later-title{
display: none !important;
}
button.ytp-button.ytp-share-button.ytp-show-share-title.ytp-share-button-visible {
display: none !important;
}Laurent
Accepted AnswerI did but does not work. I have added your css code here : https://prnt.sc/QiA-xMbPAovz But does not work, see here : https://prnt.sc/KAZfN4ZwQipG
I have added a test website URL in Hidden Content area.