Video autoplay options but none for responsive embed

Bootstrap Studio Help
1

Hello!
I am using a responsive embed for a youtube video and it is working perfectly however I wish for it to autoplay and loop. These options are available in the video component but not for the responsive embed.
I tried to convert the responsive embed to a html and edit in this
48DShzg1_N8?autoplay=1&loop=1&playlist=48DShzg1_N8
which i noticed in the coding for video and not responsive embed however it pulls up an error message.
Any advice will be appreciated. Thank you.

2

You could use the HTML5 video component (Studio Panel > Misc > Video) instead of the Responsive Embed component. It has the autoplay and loop options you desire. You’d need to add some CSS for the iframe however…

iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: calc(100vw / 1.777);
}

the 1.777 number a consequence of the video’s aspect ratio (in this case, 16:9)

Also, be advised that virtually no browsers will allow videos to autoplay these days unless the video is muted, or the user has interacted with site, or (on desktop in Chrome and Edge) the Media Engagement Index threshold has been crossed - meaning the user has previously played video with sound on that website.

2 Likes