Trying to put an autoplay video loop up. *Desperate*

[TaraBDPro]

All I need is a way to autoplay a high quality video loop on the top of my clients Welcome page that plays as well on desktop as it does mobile.

Why. is. this. literally. impossible. I have tried using the HD Video app, that doesn't autoplay. I tried the video header. That doesn't work on mobile devices. I bought the Youtube Background app. That plays in the lowest resolution. I tried embedded code. Every code I have tried to auto play doesn't work. Good way to piss 10 bucks away. I tried the normal Youtube app. Same story.

I'm out of ideas and completely out of patience. At this point I'm stuck with this sad excuse of a website provider being 99% done and I just want the video production company I'm creating this site for to give a good first impression. Apparently thats far too much to ask for even though searching through the older post, their audience has been complaining about this for 3 years. 

If anyone has found something that works please respond. I've been working on this for months and just need this work somehow.

[TaraBDPro]

Does the responsive Vimeo app work? Just wondering before I waste another 10 bucks.

[Bernadette3]

Hi there. At this time there is not a way to have the video autoplay I'm mobile. I'm very sorry for the inconvenience. 

[ablazeworship]

when ia Auto play gonna be added to the HD videos. so many people want this feature for years. 

[Bernadette3]

Hi @ablazeworship I think this has more to do with browser settings. https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

[ANOKTES]

Did you figure it out? We are having the same issue.

[Adam7]

We haven't made any changes to our video element recently, so this would still not be an option with that. Have you checked out any of the options in our App Center? It's possible that a third party app might have this feature: https://www.weebly.com/app-center/search/video

[KL21]

Any changes?  Looking to autoplay a video as well.  

[Bernadette3]

I don't think so, @KL2. It seems to be the way of the future for most browsers. You might want to try looking into Vimeo? They might have an auto play and embeddable option. 

[TimminsBIA]

I'm not sure if this will help others, but I found a way to autoplay videos. I'm a web developer by trade, and my client decided to use Webbly as a platform. I found it frustrating that HD video didn't autoplay, so this was my solution. 

I first uploaded the video to another site, as Weebly doesn't allow you to upload files directly to the host. Let say my other website is http://www.test.com. I upload the video to that site, and to access this video I would access it by visiting the URL of http://www.test.com/video.mp4.

In Weebly, I added an "Embed Code" widget, and used the following code. 

<style>
video {
max-width: 100%;
height: auto;
}
</style>
<video width="800" height="450" autoplay controls>
<source src="http://www.test.com/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

This uses the builtin HTML 5 video player, the CSS tags before the video player allow the videos width to automaticly adjust to the size of the webbrowser being used. This autoplays the video, and provide controls to pause/play and volume. You can remove the controls by removing the word "controls" from the video tag. 

Hope this helps someone. It does require having access to another site to host the video itself. 

[seanmichael67]

It doesn't seem to be working with a youtube video?

Sean

[Valentina]

I recommend checking out the responses from @Bernadette and @Adam on the first page of this thread, @seanmichael67.

I can confirm that videos may not autoplay - depending on the browser - and that mobile devices will not autoplay videos.

[FabioB]

This is unbelievable, for a paid service. Discover this after purchasing a subscription and working on a website...

Absolutely unbelievable...

[FabioB]

Thanks, this saved my day. Also, I can add this: if you upload the video with the standard Weebly video player, publish the page and inspect it, you will find the address of the video which you can then insert into the code (after removing the Weebly video player).

Something like: 

<source src="/uploads/b/.x.x.x.x.x.x/.x.x.x.x.x.x.mp4">

And it works. Also set "loop".

Thanks mate!

[He-man]

Thank you @TimminsBIA This was a great tip. I'm using it and it works great.

It would be awesome if Weebly could add default HTML video features 'Autoplay' 'Controls' 'Loop' as options for HD-videos. Now you need to code manually.

[316dyestudio]

I stumbled onto this forum when adding on a YouTube video to Weebly and it looks like no one has ever supplied the full correct answer. 

This isn't an issue with Weebly, it's an issue with understanding the Embed widget, the YouTube parameters that can be passed to browsers, and how broswers handle embedded video content.

First of all, a video will not autoplay unless the mute parameter is set to 1. This standard was set a few years back by browsers to prevent sites from blasting unwanted audio right when you visit a website. 

**Technically, videos should autoplay with audio after a user interaction on the page (like a click), but with most pages, a users first interaction with a page beyond scrolling is usually to click a link which will take them off the page. So the safe bet is just to mute them, and let the user unmute them if needed.**

Secondly, if you are wanting your video to loop, setting loop to 1 will not do it.  Looping is limited to playlists in iframes, so you must set your playlist = your video id

All of these options are passed through the URL in the embed code.  So to autoplay and loop a video you would use something like this:

<iframe width="560" height="315" src="https://www.youtube.com/embed/[Your Video ID]?playlist=[YOUR VIDEO ID]&autoplay=1&mute=1&loop=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

So in short, insert an Embed section on your page,  Copy and Paste the code above, and swap out [Your Video ID] with the id of the video you want to share.

There are many more parameters you can pass to the video through the url, they are outlined on the YouTube iFrame Player API provided by Google. 

To add another parameter like "modest branding", you simply put the & symbol followed by the parameter then = to the value needed, for example as &modestbranding=1

Hope this helps all those that are confused.

[SimonWakeus]

Thank you very much for this @kapnkendall ! Helped me a long way. I have two questions though: 

1. It doesn't seem to be working in mobile? 

2. Could you please provide me where to add the code to remove the controls? 

Ideally, I (and I think many more) would like a simpler version of for example how Apple do it: https://www.apple.com/iphone-14-pro/

But just something that's not completely still is still better. 

Thank you!!