material-design-lite:

@uplusion23 I spend the same to add MDL not know why, but it solved simply using

$( window ).load(function() {
          $( '.video-element' ).get(0).play();
 });

I hope this help 😉

Listen for the layout upgrade and then play your video manually.

The work-around to this until V2 ships, don’t use autoplay attribute and:

  document.querySelector('.mdl-js-layout').addEventListener('mdl-componentupgraded', e => {
    if (e.target.classList.contains('.mdl-js-layout') {
      document.querySelector('video').play();
    }
  });

Can’t we just add the following code to the project until v2 arrives?

document.querySelector('.mdl-js-layout').addEventListener('mdl-componentupgraded',
        function(){
            [].forEach.call(document.querySelectorAll('.mdl-js-layout video[autoplay]'), function(e) {
                e.play();
            });
        }
);

V2 layout won’t affect this at all so the problem will be solved naturally. Projects need to implement this patch listener on their own for V1 as we won’t be adding it into core.

Since there is no action the internal team will take here and there is a reasonable fix for developers within projects that need it, I’m closing this out to keep our open issue list as small as we can get.

Thank you.

I did find a “workaround” after some attempts with JQuery. Waiting 300ms then using JS to play the video allows it to work again.

 setTimeout(
  function() 
  {
    $("video.landing").get(0).play();
  }, 300);