Jump to content

ChristophMatt

Circle Member
  • Posts

    7
  • Joined

  • Last visited

Everything posted by ChristophMatt

  1. Thank you again Ziggy for your expertise. I have removed now the code from the code injection in order to see, if the video can autoplay on mobile. It is still the same result, where to video on mobile is not playing automatically. Do you have any idea what is the problem?
  2. In order to play the background only "once" I have put the following code via the "code injection" section in the footer field: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> jQuery(document).ready(function($){ setTimeout( function() { $('video').removeAttr('loop'); }, 5000); }); </script>
  3. Hello Ziggy, thanks a lot for your help! Yes, I have just uploaded the video as a background. And I have not setup any "fallback" image for mobile.
  4. Hello everyone, after spending loads of time without any success, I am kindly asking for the help and expertise of our community. Can someone provide me please a code or any kind of suggestion on how to autoplay a video background on mobile? Right now there is always a play button showing up on the mobile, where I would like it simply to "autoplay" and only play it "once" (no loop) just as on desktop version. Here is the code I am using in the Code Injection section in the footer field, to prevent the video background of "looping": <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> jQuery(document).ready(function($){ setTimeout( function() { $('video').removeAttr('loop'); }, 5000); }); </script> Thanks a lot in advance for any advice.
  5. @Ziggy thank you very much, I just had to fix an syntax error, and now it is working on desktop. Unfortunately not yet functioning on mobile. Would you be so kind and let me know, if there is a way to apply the code to both, desktop and mobile?
  6. @Ziggy Please find the URL here: https://www.archivesoftheearth.com/archive Thanks a lot in advance for reaching out
  7. Dear appreciated forum, could someone help me please? I am trying desperately to remove the background circle in the video block with custom CSS code – as close as it gets, the "circle" behind the "play / stop button" gets only transparent. I simply want it everything out, so only the stop and play element are remaining. Here is my code: /* Hide controls on native video player */ .video-player .plyr .plyr__controls { display: none !important; } /* Change symbol and background color of Play/Pause button */ .video-player .plyr__control { color: white !important; background: none !important; } Thanks a lot in advance for your help.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.