How to Autoplay a Youtube Embedded Playlist?

Axure RP 9
1

Hello,

I created a prototype where I added an embedded YouTube video (playlist), and where I would like the videos to autoplay on pageload.

Here is the .rp file with the embedded playlist (I removed everything other than the playlist):
Autoplay.rp (47.7 KB)

This is the link for the embedded YouTube playlist that I would like to autoplay on pageload:
“https://www.youtube.com/embed/videoseries?list=PLi3o3ZBlWx9ZugsjBzvfkip970kZQx9B7;&autoplay=1”

The above link does autoplay when you open it in a new tab, but does not work within the prototype.

Most solution I found on forums suggest adding the “autoplay” option to the URL in order for the video to start. Though, from what I understand, there are different characters you have to enter depending on what you already have in you URL.

Here are the combinations I have tried so far, without success:

  • Adding “?autoplay=1” to the URL
  • Adding “;?autoplay=1” to the URL
  • Adding “&autoplay=1” to the URL
  • Adding “;&autoplay=1” to the URL
  • Adding “?rel=0&autoplay=1” to the URL
  • Adding “;?rel=0&autoplay=1” to the URL
  • Adding “&rel=0&autoplay=1” to the URL
  • Adding “;&rel=0&autoplay=1” to the URL

Any help would be greatly appreciated.

2

“https://www.youtube.com/embed/jc3tgeNuYNE” frameborder=“0” allow=“accelerometer; autoplay=“1”; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen"

Remove what you don’t need

3

Hello Jamesorior,

Thank you for replying.

I’m not sure if I expressed myself correctly in my first message.

In my prototype, I do not want only a single video to play from the playlist, but rather all of the videos to play one after the other. In other words, I do want all of the videos that are in the playlist to eventually play.

If I use: “ https://www.youtube.com/embed/jc3tgeNuYNE ”, only that one video will play, rather than all of them.

Also, within the Axure Inframe component, I don’t think you can add the later information (i.e. frameborder=“0” allow=“accelerometer; autoplay=“1”; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen").

Instead, I think you need to add those constraints in the URL, like I did in the above-mentioned playlist link, where I added “;&autoplay=1”. Unless there is another way that I’m not aware of.

4

This works on a single video, for playlist Youtube would handle that, provided the url is correct. Playlist always different URL i think