Plyr: Playback not working on mobile (click obscured by poster elem)

[mhluska]

Expected behaviour

Expect video to play when clicking play on iOS mobile Chrome.

Actual behaviour

Video does not play. Play button animation happens.

Environment

• Browser: Chrome
• Version: 66.0.3359.122
• Operating System: iOS
• Version: 11.3

Steps to reproduce

• Click play on player

[sampotts]

Which video type? I can't replicate on https://plyr.io for HTML5, YouTube or Vimeo.

[mhluska]

The video type is webm. The first <source> tag is webm and the second is mp4 as a fallback.

[sampotts]

As I say I can't replicate on the demo site. Could you link to the player with the issue? Any errors in the console perhaps?

[mhluska]

@sampotts I've noticed that if I go into the DOM using the Safari remote debugger and manually delete the .plyr__poster element, the video is able to play.

I've added the following hack to fix this bug:

.plyr__poster {
  pointer-events: none;
}

[friday]

@mhluska Your fix will be included in the next plyr release. In the meanwhile you have to keep that in your css 👍

[sampotts]

@mhluska @friday It's now released in v3.3.7 👍