Mobile Issues background video not showing

Hi,

If you haven’t, please update Gutenverse to ver 1.9.0, and if you did, try remaking the section with the video background. Or you can try to use the video block as an alternative.

If you still facing the issue, please:

Send us the content code from your editor by clicking the three dots in the top right corner. copy and paste it here so we can check more thoroughly

Hi,

Thank you so much for your quick response.

Yes I have the Gutenverse 1.9.0 and here is the screenshot, I hope you can help me out.

Thanks in advanced,

Here is the copy and paste of the code;

<!-- wp:template-part {"slug":"header","theme":"zeever"} /-->

<!-- wp:gutenverse/section {"layout":"fullwidth","width":{"Desktop":"1600"},"height":{"Desktop":{"point":"619","unit":"px"}},"elementId":"guten-bOHrQA","heightControl":"fit","background":{"type":"video","videoLink":"https://sanchesky.com/wp-content/uploads/2024/01/Sanchesky-desktop.mp4"},"margin":{"Desktop":{"unit":"px","dimension":{"top":"-95","right":"","bottom":"","left":""}},"Mobile":{"unit":"px","dimension":{"top":"110","right":"110","bottom":"110","left":"110"}}},"padding":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}},"Mobile":{}},"hideMobile":true,"positioningType":{"Desktop":"full"},"positioningAlign":{"Desktop":"center"},"positioningLocation":"default"} -->
<div class="section-wrapper" data-id="bOHrQA"><section class="wp-block-gutenverse-section guten-element guten-section guten-bOHrQA hide-mobile layout-fullwidth align-stretch"><div class="guten-video-background" data-property="{&quot;url&quot;:&quot;https://sanchesky.com/wp-content/uploads/2024/01/Sanchesky-desktop.mp4&quot;,&quot;class&quot;:&quot;guten-video-bg-wrapper&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;playing&quot;:true,&quot;muted&quot;:true,&quot;loop&quot;:true,&quot;playsinline&quot;:true,&quot;style&quot;:{&quot;zIndex&quot;:0,&quot;top&quot;:0,&quot;left&quot;:0,&quot;position&quot;:&quot;absolute&quot;,&quot;overflow&quot;:&quot;hidden&quot;,&quot;pointerEvents&quot;:&quot;none&quot;},&quot;config&quot;:{&quot;youtube&quot;:{&quot;playerVars&quot;:{&quot;showinfo&quot;:0,&quot;start&quot;:0,&quot;end&quot;:0}}}}"></div><div class="guten-background-overlay"></div><div class="guten-shape-divider guten-shape-divider-top"></div><div class="guten-shape-divider guten-shape-divider-bottom"></div><div class="guten-container guten-column-gap-default"></div></section></div>
<!-- /wp:gutenverse/section -->

<!-- wp:gutenverse/section {"layout":"fullwidth","width":{"Desktop":"1600"},"height":{"Desktop":{"point":"619","unit":"px"}},"elementId":"guten-7aHZU4","heightControl":"fit","background":{"type":"video","videoLink":"https://sanchesky.com/wp-content/uploads/2024/01/Sanchesky-movil-1-1.mp4","videoPlayOnMobile":true},"border":{"radius":{"Mobile":{}}},"margin":{"Desktop":{"unit":"px","dimension":{"top":"-95","right":"","bottom":"","left":""}},"Mobile":{}},"padding":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}},"Mobile":{}},"hideDesktop":true,"hideTablet":true,"hideMobile":false,"positioningType":{"Desktop":"full"},"positioningAlign":{"Desktop":"center"},"positioningLocation":"default"} -->
<div class="section-wrapper" data-id="7aHZU4"><section class="wp-block-gutenverse-section guten-element guten-section guten-7aHZU4 hide-desktop hide-tablet layout-fullwidth align-stretch"><div class="guten-video-background" data-property="{&quot;url&quot;:&quot;https://sanchesky.com/wp-content/uploads/2024/01/Sanchesky-movil-1-1.mp4&quot;,&quot;class&quot;:&quot;guten-video-bg-wrapper&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;playing&quot;:true,&quot;muted&quot;:true,&quot;loop&quot;:true,&quot;playsinline&quot;:true,&quot;style&quot;:{&quot;zIndex&quot;:0,&quot;top&quot;:0,&quot;left&quot;:0,&quot;position&quot;:&quot;absolute&quot;,&quot;overflow&quot;:&quot;hidden&quot;,&quot;pointerEvents&quot;:&quot;none&quot;},&quot;config&quot;:{&quot;youtube&quot;:{&quot;playerVars&quot;:{&quot;showinfo&quot;:0,&quot;start&quot;:0,&quot;end&quot;:0}}}}"></div><div class="guten-background-overlay"></div><div class="guten-shape-divider guten-shape-divider-top"></div><div class="guten-shape-divider guten-shape-divider-bottom"></div><div class="guten-container guten-column-gap-default"></div></section></div>
<!-- /wp:gutenverse/section -->

<!-- wp:gutenverse/section {"width":{"Desktop":1170},"gap":"no","elementId":"guten-emzJz5","background":{"type":"default","color":{"type":"variable","id":"black"}},"backgroundOverlay":{"type":"default","color":{"type":"variable","id":"zeever-third"}},"opacity":"0","margin":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}},"Mobile":[]},"padding":{"Desktop":{"unit":"px","dimension":{"bottom":"","top":"","right":"","left":""}},"Mobile":{"unit":"px","dimension":{"right":"10","left":"10"}}},"zIndex":{"Desktop":"1"}} -->
<div class="section-wrapper" data-id="emzJz5"><section class="wp-block-gutenverse-section guten-element guten-section guten-emzJz5 layout-boxed align-stretch"><div class="guten-background-overlay"></div><div class="guten-shape-divider guten-shape-divider-top"></div><div class="guten-shape-divider guten-shape-divider-bottom"></div><div class="guten-container guten-column-gap-no"><!-- wp:gutenverse/column {"width":{"Desktop":100},"elementId":"guten-LfRBuX","background":{"type":"default"},"opacity":"0","border":{"radius":{"Desktop":[]},"all":{"type":"solid","width":"2","color":{"type":"variable","id":"zeever-third"}}},"borderHover":{"radius":{"Desktop":[]},"all":{"type":"solid","width":"2","color":{"type":"variable","id":"zeever-secondary"}}},"margin":{"Desktop":{"unit":"px","dimension":{"right":"10","left":"10"}},"Mobile":{"unit":"px","dimension":{"top":"20"}}},"padding":{"Desktop":{"unit":"px","dimension":{"top":"50","right":"40","bottom":"50","left":"40"}},"Mobile":[]},"animation":{"type":{"Desktop":"slideInUp"},"duration":"normal","delay":"400"}} -->
<div class="wp-block-gutenverse-column guten-element guten-column guten-LfRBuX animated guten-element-hide desktop-slideInUp"><div class="guten-background-overlay"></div><div class="sticky-wrapper" data-id="LfRBuX"><div class="guten-column-wrapper"><!-- wp:gutenverse/icon {"elementId":"guten-6dV3ak","icon":"fas fa-quote-left","iconAlign":{"Desktop":"left"},"iconColorOne":{"r":255,"g":255,"b":255,"a":0},"iconSize":{"Desktop":{"point":"50","unit":"px"},"Mobile":{"point":"40","unit":"px"}},"iconPadding":{"Desktop":"0"},"iconColorTwo":{"type":"variable","id":"Pc5NNU"},"animation":{"type":{"Desktop":"fadeInLeft"}},"background":{"type":"default","color":{"r":255,"g":255,"b":255,"a":0}}} -->
<div class="wp-block-gutenverse-icon guten-element guten-6dV3ak guten-icon animated guten-element-hide desktop-fadeInLeft"><span class="guten-icon-wrapper rounded stacked"><i class="fas fa-quote-left"></i></span></div>
<!-- /wp:gutenverse/icon -->

Hi,

I have not feedback from you, could you please help me out to fix the issue?

Thanks in advanced,

Regards,

Patricia

Hi @patriciaalzola,

I am sorry for taking some times to reply.

Perhaps you are creating the mobile view by duplicating the desktop view? Some attributes are still applied to it such as being hidden on mobile.

My suggestion is to make a new section and use the video block instead. i will show a video on how to use the Video block.

I hope its help!

Hi,

Thank you so much for your quick response.

I have followed your video, step by step, and for some reason the video does not reproduce it automatically, and I have done exactly the same as you on the video.

Could you check it out for me please?

Thanks in advanced,

Patricia

Hi @patriciaalzola

I have check your site, and it seems the video work just fine.

Can you explain more what is the issue you are still facing?

thank you

Hi,

Thanks for your quick response.

In my Iphone, after a while the play icon appears on the video…and it′s not supposed to happen right?

Also, I have tried to duplicate the footer in other pages but it doesn′t seem to work, could you explain me another way to do it?

Thanks in advanced,

Patricia

Hi,

Yes, the video is not supposed to show the play icon. Is there any specific condition for the play icon to appear? Or does it just appear after some time?

For the second question, can elaborate more on which footer you want to duplicate?

You can use pattern or Gutenverse library to add existing footer to a page.

Hi,

It just appear after some time, here you have a screenshot:

https://drive.google.com/file/d/1L_mgadEwX2AcGo4wJgXZUsEh7qf6RfDN/view?usp=drive_link

About the footer, I want to duplicate the one I have in the home page to another page.

Thanks a lot for your help,

Patricia

Hi,

I need some time to look at the first problem.

as for the footer, you can select the footer section (you can see in section list) and click the three dots and select create pattern or save a s pattern. And then you can use the pattern in other pages as well. To use pattern you can refer to the video i have sent you before.

or if you want to make every page the same you can just create new templates and change the template for the page. Here is a video on how to do it

Hi,

Sure thing, thanks a lot for looking it!

Ok, I am going to try that way for the footer.

Thanks a lot,

Patricia

You’re welcome.
If you have any other questions, please don’t hesitate to let us know.