10
Views
5
Comments
Solved
Autoplay an embeded youtube video in reactive web app
Question

Hi community,


I am currently trying to embed a youtube video in my app.

The video open as it should but it is somehow not possible to autostart it even though I set autoplay to true in service studio and autoplay = 1 in the enbeded link. 

Does somebody know if I missed a step? 

Thanks for your help! 

Tobias 

mvp_badge
MVP
Rank: #76
Solution

Hi Tobi ,

You are absolutely right, It was a new learning for me as well i.e.

  • autoplay=1 only works with mute=1 (in chrome browser)

Example: https://www.youtube.com/embed/AM5EYO5wWMA?mute=1&autoplay=1 

Refer this post: https://stackoverflow.com/questions/40685142/youtube-autoplay-not-working


Kind regards,

Benjith Sam

mvp_badge
MVP
Rank: #76

Hi Tobias,

Check out this How To Do Component - Web Embed Video Sample React Application

Do a small changes in the src string value i.e. after the autoplay=1 add/use & (ampersand) instead of ; (semicolon) 

Hope this helps you!


Kind regards,

Benjith Sam

Rank: #3974

Thanks for your answer, 

using & or ; does not make a difference. 

In the meanwile I found out that it might be a browser issue. Firefox starts automatically but Chrome does not. Do you know any Chrome related adjustments I could do? 

Best 

Tobi

Rank: #2314

Hi Tobias,

I tried to autoplay the embed video in iframe in reactive app. I was able to achieve the same. Below is the screenshot of options i gave in iframe tag. 

What I found is, if we are using autoplay=1 only in src it's not playing the video but if we are using autoplay=1 and also mute=1 together. autoplay is working. 

Hope you will achieve this too. Please refer the screenshot attached.

visit this url for live example

https://msingh.outsystemscloud.com/Test/

Rank: #3974

Thank you! 

I just read cross the chrome autoplay policy and they really do not allow a unmuted autoplay...

Big fat minus for them but I always was and always will be a Firefox anyway ;) 

Best regards 

Tobias