Forum Discussion
You Tube Video autoplay Parameter Not Working
When using web objects to embed a You Tube video, I am not able to make the autoplay parameter (autoplay=1)work; although two other parameters (modestbranding=1&start=11) are working.
I am attachi...
I have tested your example
- Chrome direct start (without webserver) - no autoplay
- Chrome on local webserver - ok
- Chrome on Scorm Cloud - ok
- Chrome on Review 360* - no autoplay
you should test it on your LMS
* autoplay for external videos/webObject is not enabled on Review 360
(allow="autoplay" is missing in the outer iframe)
Thanks Jürgen,
I really appreciate you taking the time to test this on different browsers (I have been testing on Firefox), and your work seems to indicate this is a browser issue (why am I not surprised). And yes, that extends to an LMS issue, although I am external; and as explained in my reply to Eric, am developing this as an example to be used in a workshop rather than finished learning support for release.
Also, please help me to understand the asterisk in your post. What is meant by "(allow="autoplay" is missing in the outer iframe)? Is this something that can be corrected in the embed code?
how a storyline course on Review 360 ist hosted:
Review 360: html (review360) -> outer iframe* (storyline course) -> inner iframe* (external video)
all three on different domains -> "cross-origin integration"
in cross-origin environments applies: all critical features in iframes are disabled by default
examples of disabled features
- camera
- microphone
- geolocation
- accelerometer
- clipboard-read
- clipboard-write
- gyroscope
- autoplay (only Chrome/Chromium)
-picture-in-picture (only Chrome/Chromium)
...
the rule is, the allowing of features happens from the outside to the inside (everything that is not mentioned is not allowed)
here more infosand here a screenshot of the html structure of Review 360
in the marked iframe (the outer iframe) there is only fullscreen allowed, nothing else
and here your correct youtube integration<iframe width="560" height="315" src="https://www.youtube.com/embed/kykOE2e62DE?autoplay=1&modestbranding=1&start=11" allow="autoplay; picture-in-picture;" allowfullscreen></iframe>
you allows autoplay, but this has no effect because the outer iframe does not allow it
only allowfullscreen works because it is also defined outsidein the outer iframe is missing allow="autoplay, clipboard-read, clipboard-write ..."
-> only articulate can fix this
* iframe = website in website
one more hint - there is an easier way to integrate youtube in storyline "Insert Video from Website"
as long as you don't want to use the special youtube javascript api, this is easier
