Image component with "popup image" set to youtube video only autoplay on desktop but not mobile

dapooli

I created an image on the page, and under the "Link" section, I entered a youtube video url into the "Popup image" field. When I click on the image, an overlay appears and plays the youtube video in a lightbox.

This works on desktop, but not on mobile web. On mobile, I have to click on it again to play it. Anyone know how to fix this so on mobile it also autoplays?

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dapooli

I'm using this template below. Clicking on the play button, the autoplay only works on desktop, but not tablet or mobile web.

https://themes.muffingroup.com/be/landing4/

Phil

You did not attach a link to your website. Please always attach a link to your website.

Anyway, if you use YouTube videos just like on the pre-built website, try to add the playsinline parameter to it.

https://developers.google.com/youtube/player_parameters#Parameters

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dapooli

I tried that and also the autoplay parameter but neither work. Note that I'm adding it into the "popup image" field, like so:

https://www.youtube.com/watch?v=HpKAz7DVRco&playsinline=1

It works though if I don't any parameters, like so:

https://www.youtube.com/watch?v=HpKAz7DVRco

Phil

To autoplay, you also must have other parameters: autoplay and mute.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dapooli

What do you mean? This is not clear. Can you show me a specific example?

I used this but it in the "Popup Image" field but didn't work. The video just doesn't load at all, and when I tried playing it, I got the following error:

https://www.youtube.com/watch?v=03qk1f_JW9E&autoplay=1&mute=1

An error occurred. Please try again later. (Playback ID: HWpekiL1BR8axt5k)

Phil

I mean that it must be autoplay=1&mute=1&playsinline=1.

Please attach a link to your website so I can check it out.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dapooli

I'm literally just using the stock template that's on your demo site here:

https://themes.muffingroup.com/be/landing4/

There is a blue section with a play button. When you click it a youtube lightbox appears and the video auto-plays on web. On mobile, however, it doesn't autoplay. I've tried adding those parameters, but still it doesn't autoplay.

dapooli

If I can PM you, I'll share my url. Don't feel comfortable sharing it in this public forum. Thanks.

Phil

https://forum.muffingroup.com/betheme/discussion/comment/258634#Comment_258634

Yes, I know, but I must check your website, not the demo.

https://forum.muffingroup.com/betheme/discussion/comment/258635#Comment_258635

Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Sending incorrect or incomplete data will result in a longer response time.

Therefore, please ensure that the data you send are complete and correct.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next