Simple video auto-play block - audio is muted. Custom code to play unmuted?

Ask the community
1

Hi Softr Community…

I’m using the simple vidoe autoplay block. I notice it’s always muted. However - I need the audio to play when users visit. Is there a way to, via custom code if any, to have the video play unmuted?

Thanks,

AHA

2

Hi,

This shouldn’t be possible as browsers have policies impeaching autoplay + sound unmuted on page load.

It’s or sound unmuted + no autoplay or sound muted + autoplay.

I don’t know any workarounds for this unfortunately

2 Likes
3

@matthieu_chateau - thanks!
Okay if this is the case - how can I create a video block where the video is shown and the person can push play to view the video? Take a look at https://www.outerview.io/
And the video block he has. I’d like to do that.

AHA

5

So this is a custom code block using an embedded Vimeo video.
In order to have exactly this you would need to sign up to Vimeo.com.

Though another solution could be using the simple video static block of Softr.

6

@matthieu_chateau - Thank you!
I tried the static video block but the issue is:

  1. The play button is not on the center of the screen
  2. The user will have to unmute after clicking play. For me this is a nuisance and I can imagine it will be a nuisance for my users, as user want to do very little to watch video.

If these two things can be updated in the video static block - then I will definitely use it :wink:

Also - can you point to me the code to embed the video in the custom block?

AHA

7

For the custom code to be inserted in the custom code block => it is to be searched and found inside the Vimeo documentation: How do I embed my video? – Vimeo Help Center

The play button of the “Simple Video” block is actually centered and the user won’t have to unmute anything if the video itself is not set up to be muted at first.

Example here: https://loma69801.softr.app/

Capture d’écran 2024-12-08 193708
Capture d’écran 2024-12-08 1937081502×851 62.6 KB

The background image was updated with the thumbnail of the video ( if youtube video, this can be done with Download YouTube Thumbnail – YouTube Thumbnail Downloader)

That’s all I can do, I don’t have enough time to hardcode a whole video player (which would be a paid service from me anyway as a Softr expert).

8

@matthieu_chateau thanks. Funny I am using the simple video but the play button is at the bottom left and muted. I will look at the example you sent me!

Thanks. If I have any more questions I’ll posted them. :slight_smile:

Update : the example https://loma69801.softr.app/ doesn’t work.

AHA

9

@matthieu_chateau FYI I’m using the simple video autoplay block. I used the simple video, but when I used the video popped out as a modal, which I don’t want.

I’m assuming I would need a custom code block with the vimeo video to make it embedded as in the URL I showed you?

AHA

10

Hi!

I removed the video block as this demo application was not meant for it.
But I can tell you everything was where it should be, with a centered button.

Yes you would need a custom code block and insert the code that Vimeo would provide.

Best