-
Posts
8 -
Joined
-
Last visited
ChristophMatt's Achievements
Level 2 (2/20)
0
Reputation
-
Dear appreciated Squarespace Forum, I am trying to find a solution in order to autoplay a background video on mobile. Unfortunately when I open my website on my phone, I always only can find a quite irritating play button on the back of an accordion element. Could someone eventually help me on this, as I am trying quite hard to fix that issue without any success so far. Thank you very much in advance and for any code input or other life hack I am very grateful. All the best for now, Christoph
- 4 replies
-
- video
- background
-
(and 2 more)
Tagged with:
-
HELP! How to autoplay video background on mobile
ChristophMatt replied to ChristophMatt's topic in Customize with code
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?- 9 replies
-
- code-injection
- video
-
(and 2 more)
Tagged with:
-
ChristophMatt reacted to a post in a topic: HELP! How to autoplay video background on mobile
-
ChristophMatt changed their profile photo
-
HELP! How to autoplay video background on mobile
ChristophMatt replied to ChristophMatt's topic in Customize with code
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>- 9 replies
-
- code-injection
- video
-
(and 2 more)
Tagged with:
-
ChristophMatt reacted to a post in a topic: HELP! How to autoplay video background on mobile
-
HELP! How to autoplay video background on mobile
ChristophMatt replied to ChristophMatt's topic in Customize with code
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.- 9 replies
-
- code-injection
- video
-
(and 2 more)
Tagged with:
-
HELP! How to autoplay video background on mobile
ChristophMatt posted a topic in Customize with code
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.- 9 replies
-
- code-injection
- video
-
(and 2 more)
Tagged with:
-
ChristophMatt reacted to a post in a topic: Remove transparent circle behind play / stop button in video block
-
ChristophMatt reacted to a post in a topic: Remove transparent circle behind play / stop button in video block
-
@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?
- 5 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
ChristophMatt reacted to a post in a topic: Remove transparent circle behind play / stop button in video block
-
@Ziggy Please find the URL here: https://www.archivesoftheearth.com/archive Thanks a lot in advance for reaching out
- 5 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
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.
- 5 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with: