Forum Discussion

JohnMorley-a8f1's avatar
JohnMorley-a8f1
Community Member
2 years ago

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...
storyline 360
JohnMorley-a8f1's avatar
JohnMorley-a8f1
Community Member

Thanks Jürgen,

I so appreciate your detailed information. What you indicate about cross-origin integration is a real revelation for me, and explains a lot, especially when I don't have access to the outer iFrame. I now think of it as being similar to Russian dolls (each inside of a larger one), and it's only the largest (outside) doll that determines what is seen.

And yes, your "Insert Video from Website" suggestion is the best way to go. But I am facilitating a workshop on web objects and need to be able to demonstrate how all likely situations work (or don't).

What I have discovered while thrashing around is that if I put the video as web object in a layer that is called from the base layer, the autoplay works. It solves my issue, but I can't explain why. It shouldn't have any effect on the cross-origin integration.

Jürgen_Schoene_'s avatar
Jürgen_Schoene_
Community Member
2 years ago

for you workshop  you should modify the index.html of the web object

in your version there is only the iframe - it works, but is actually wrong

here is a complete version

<!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="referrer" content="same-origin">

    <title>youtube</title>

    <style>
      body {
        position: absolute;
        margin:  0;
        padding: 0;
        width:  100%;
        height: 100%;
        overflow: hidden;
      }
      iframe {
        border: none;
        width:  100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
     <iframe src="https://www.youtube.com/embed/kykOE2e62DE?autoplay=1&modestbranding=1&start=11" allow="autoplay; fullscreen; picture-in-picture;" allowfullscreen></iframe>
  </body>
</html>

>What I have discovered while thrashing around is that if I put the video as web object in a layer that is called from the base layer, the autoplay works. It solves my issue, but I can't explain why. It shouldn't have any effect on the cross-origin integration.

very interesting, I will have a look at that - autoplay on chrome is a very special thing

Related Content