Log in to AnswerLog in to Follow
BigSlikTobi
29Views
6Comments
Solved
Autoplay an embeded youtube video in reactive web app
Question
Reactive

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 

0
0
11 Dec 2020
Benjith Sam
mvp_badge
MVP
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

See solution in context
2
0
11 Dec 2020
Benjith Sam
mvp_badge
MVP

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

0
0
11 Dec 2020

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

0
0
11 Dec 2020
Benjith Sam
mvp_badge
MVP
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

2
0
11 Dec 2020

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/

0
0
11 Dec 2020

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 


1
0
11 Dec 2020

Since April 2018, Google made some changes to the  Autoplay Policy. You not only need to add the autoplay=1 as a query param, but also add allow='autoplay' as an iframe's attribute

So while embed youtube video, you will have to do something like this:

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow='autoplay'></iframe>



0
0
12 Jul
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.