iframe video autplay attr

by ian_smithz

HTML

<div class="home-video-iframe-thumbnail" data-video="LuDyIbY75Q4">
  xxxx
</div>

CSS

.home-video-iframe-thumbnail {background: red}

JavaScript

var container = document.querySelector('.home-video-iframe-thumbnail');

var interval = setInterval(function() {
if(container) {
clearInterval(interval);
  
var iframe = document.createElement('IFRAME');
var id = container.getAttribute('data-video');
  
iframe.src = '//www.youtube.com/embed/'+ id +'?autoplay=1&rel=0mute=1';
iframe.setAttribute('allow', 'autoplay');   
 
container.addEventListener('click', function() {
this.innerHTML = iframe.outerHTML;
  
// add this? not working in safari - might stop video in desktop browsers
iframe.click();
  
  
 });
 }
 }, 100);