responsive-image playsinline not working?

[drewbaker]

Hey Guys, I'm having an issue on Bernards (http://bernards.flywheelsites.com/) where the homepage video doesn't autoplay inline. I suspect because volume 0 isn't the same as muted?

Although it did work and has recently stopped, so not 100% sure this is a issue with this component or something strange elsewhere. John says on his phone it works fine... not sure what is up. But I do wonder if we should set muted if volume == 0 anyway?

[johndigital]

What browser and version are you seeing the issue? Maybe we can replicate in browserstack and figure it out.

Also, the muted property actually does get set on the video element whenever the volume is set to 0. But since it happens programmatically it doesn't show up in the DOM inspector (same reason why data-attributes don't show up on the element when set programmatically.) From the research I did when adding that feature, it seemed like it should be the same as far as the browser is concerned so I would be surprised if that ended up being the issue.

Either way though I think there is some css styling we can add to hide the play button, we should probably add that to the component by default for times like this when it does show up for one reason or another.

[drewbaker]

I'm in Safari on iOS 11.3.1, which is the latest at this time.