Stack Overflow
Stack Overflow

Questions tagged [plyr.js]

A simple HTML5, YouTube and Vimeo player

What is ?

Plyr is a simple, accessible and customizable HTML5, YouTube and Vimeo media player..

It is a lightweight, accessible and customizable media player that supports modern browsers. There are many other players out there but the team wanted to keep things simple, using the right elements for the job.

N.B.: This tag was named to distingush it from which is an R package for splitting, applying and combining large data structures.

Resources

82 questions
0
votes
1 answer

I added a subtitle file for the video or a VTT file, but it doesn't work. Why? In the PlyrJs player

I added a subtitle file for the video or a VTT file, but it doesn't work. Why? In the PlyrJs player (https://plyr.io) Translation file link : https://auto-play.000webhostapp.com/my_captions.vtt video link : …
g g
  • 45
  • 4
0
votes
0 answers

Plyr.io html5 quality selector not working

Quality selector not working when I call the via jquery ajax. HTML Ajax code $.ajax({ …
Hais Haise
  • 1
0
votes
1 answer

where to modify value of data-plyr-embed-id in plyr source code?

I want to "hide" real ID of the video I am using on my website. I was thinking that I can somehow encrypt the ID before using it in html source code and then encrypt it back to normal in plyr. My knowledge is not good enough to find the right place…
Radek
  • 13,813
  • 52
  • 161
  • 255
0
votes
0 answers

Sound button doesn't exist on safari

I have a web site developed with video player made with plyr and everything works fine for every browser except safari from IOS because it does not show volume button. the following Html code is for player:
0
votes
1 answer

Trying to control Plyr via API in Vue.js

Overview I'm using Plyr as a wrapper for videos on my website and I'm trying to control the video player via it's API when a function is called by a debounce function. Basically, when I enter a new video ID for YouTube, I want the existing video to…
Matt
  • 484
  • 6
  • 19
0
votes
1 answer

Is there a way to find the parent of an element in the Plyr array?

I just switched over from Vimeo's API to Plyr.js so I could choose custom posters for my videos. Previously, I hard coded each Vimeo player, so I was able to call the parent of any player once it was played or paused, and change its css accordingly.…
Zak Ickes
  • 11
  • 2
0
votes
1 answer

How to add a class using less than from a range in input?

I'm having problems with my code. It's supposed to add a class called test to .js-volume when a range in an input is less than 30. It can work if the value in the input is exactly at 30 this.value == 30 but using less than or greater than doesn't…
Gregory Schultz
  • 864
  • 7
  • 24
0
votes
1 answer

How to add a class based on programmatically changed data in input aria-valuenow

I asked a question earlier about how to "Add a class to a button if aria-valuenow = 0" and I got a solution but I assumed that it would change when the slider in the input goes to zero. It only works what was loaded in aria-valuenow. For example, if…
Gregory Schultz
  • 864
  • 7
  • 24
0
votes
1 answer

Audio not loading on mobile browser (Plyr player)

I have found a nice HTML 5 audio player with playlist and artwork based on plyr. It works nicely on my desktop browser, but on my mobile device (iOS), it's not playing after pressing play. There's a codepen to demonstrate:…
virt
  • 409
  • 1
  • 4
  • 15
0
votes
1 answer

Videoplayer entering fullscren in Chrome Android stops streaming

Ok, this is an issue I've had since I started working on my project a year ago. When entering fullscreen on Chrome on Android(only Android) my Plyr.io videoplayer stops streaming and enters an infinite loading phase (Only happens like 50% of the…
SunflowerToadTheOrbiter
  • 1,285
  • 4
  • 15
  • 25
0
votes
1 answer

Changing source with querySelector jquery dont work

I´m using Plyr player with simple playlist. I have a j.code for changing source of video, but it works only with native player, but not with Plyr. With Plyr iniciating console is responding with TypeError: player.querySelector is not a function.…
David Rynes
  • 3
  • 5
0
votes
0 answers

Toggle Play/Stop for plyr.js

I am having trouble getting my custom play/stop toggle button to work, my sceneario: I am loading a youtube video via plyr.js. This video is hidden. I have a custom play/stop button which sits outside the video and it is visible on the page. I am…
Ahmed Al-Samarrai
  • 77
  • 10
0
votes
1 answer

Play multiple Plyr Vimeo embeds on hover

I have multiple videos embedded on a page with Plyr.js. My end goal is to get each video to play on hover and stop when there is no hover. Here is my current code: const players = Array.from(document.querySelectorAll('#player')).map(p => new…
Alex Ljamin
  • 737
  • 8
  • 31
0
votes
1 answer

Plyr.js with Fancybox 3, multiple videos not initializing

I am trying to implement multiple videos on the same page that open in lightboxes. I am currently using Plyr.js because it can skin html5, vimeo and youtube videos to all look the same. I am also using Fancybox for the lightbox. When I add a single…
RiotAct
  • 743
  • 9
  • 33
0
votes
0 answers

play() not working when changing HTML

I am trying to change the src attribute of an HTML < video > element and play it after 10 seconds of playing the first video, in desktop it works fine, however, in mobile devices it gets stuck after changing the source and it never plays. I am using…
human
  • 686
  • 3
  • 9
  • 24
1 2 3 4
5
6