YouTube video in color section background doesn't start

look on google search for the playsinline and webkit-playsinline – it seems to be correlating if a background video starts on autostart or not.
but i think that the input field of enfold video does not accept those parameters. So we had to add this on source code.
i will have a look if that will help

See here how it works on advanced layerslider : https://webers-testseite.de/weber/
playsinline and muted parameters set – but this was a selfhosted video

and this f.e. will start on modern mobile browsers

<video playsinline autoplay loop muted preload="metadata" style="min-width:100vw; min-height:56vw;" >
 		<source src="/wp-content/uploads/background.mp4" type="video/mp4">
		<img src="/wp-content/uploads/film-fallback.jpg" title="Your browser does not support the video tag">
</video>

• This reply was modified 6 years, 5 months ago by Guenni007.

Hello
I’ve got a similar problem. Note that I understood I can’t have auto-play video on mobile.
I just would like to launch it manually.
But when the youtube video loads, I see the video thumbnail, with the play button. But I cannot click on it !
Very very frustrating… I don’t want a static image instead, just let the user click on Play to play the video.
Do you see a solution ?

Thanks

Hello,
Thank you for the answer.
I tried with the regular video element, but it does not look good. Everything shifts in my custom layout, and it is the war with the CSS to display it correctly without margin.
If you haven’t got other solutions, I’m going to stay on a still image, it’s really frustrating…
But rest assured, enfold is still my favorite theme.

Yes, thanks.

Ok I created a video element in in new section #videomobile
First on media-query desktop view, I need to do :
#videomobile {display:none}
Otherwise the Opening time block no longer sticks to the top block (unwanted white margin).
And desktop view is like before.
But on mobile view (media-query <768px), It’s not what I imagined. I use :

@media screen and (max-width:767px){

	#videomobile .container{
		margin:0!important;
		width: 100%!important;
		max-width: 100%!important;
	}
	#videomobile .container .av-content-full {
		padding-top: 0;
		padding-bottom: 0;
	}
#videomobile .avia-video {
    margin-bottom: 0px;
}
}

Result is acceptable. But video is not under the logo, all the youtubes icons and controls are here, while I wish only the play button. Do you have any idea ?
Thanks.