vue-plyr icon indicating copy to clipboard operation
vue-plyr copied to clipboard

Videos do not pause on click on Android

Open ckeim opened this issue 2 years ago • 2 comments

Once a user clicks the large play icon - they cannot pause the video by re-clicking the video like they can on desktop.

ckeim avatar Sep 25 '21 14:09 ckeim

I have the same problem. There is no play icon shown and the user can't pause the video on mobile. This occurs on Android as well as iOS.

aykodesmedt avatar Nov 15 '21 08:11 aykodesmedt

this worked for me:

mounted() {

  const videoWrapper = document.getElementsByClassName("plyr__video-wrapper")[0];     
              videoWrapper.addEventListener("click", event => {
                  this.$refs.plyr.player.togglePlay();
                  event.stopPropagation();  // Necessary or the video will toggle twice => no playback
   });
   
},

niekysu avatar Sep 15 '22 01:09 niekysu