Site URL: https://wolverine-magenta-733g.squarespace.com/
Hi there,
I'm using the following embed data to host an infinite loop, HD video from vimeo on the de-facto landing page i've created:
<pre class="source-code"><div><div style="padding:0% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/535604908?background=1;autoplay=1;loop=1;title=0;byline=0;portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></div></pre>
The landing page has hidden header and footer with the following injected css ([landing page]/settings/advanced/header css injection):
<style>
#footer, #preFooter {
display: none;
}
</style>
<!-- Hide header & navigation -->
<style>
#header { display: none }
> #siteWrapper {background-color:#ffffff !important;}
</style>
<!-- Hide announcement bar -->
<style>
.sqs-announcement-bar {
display: none !important
}
</style>
This a huge solve for me as I found the Cover Page builds to only offer background videos at 720P with a 6s full resolution delay.
Trouble is now, on mobile, my video position floats to the top (a problem I'm posting about on another thread), AND has a grey shadow/border around my vid box when using with my actual cell phone (with a recently cleared history/cache).
I've taken this up w 3 separate SS helpline associates, each with a newer iPhone than mine/myclient's, and each rep claim to see no such border. Also, when in the site editor on my laptop here, in the mobile preview mode, no such border exists.
Apologies for the grainy image, the screenshot was taken by my laptop, of my phone, because when a screenshot is taken on my phone, THE GREY BORDER DOESN'T EVEN SHOW UP IN THE SCREENSHOT.
Any help in ghost busting this problem is appreciated_