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
2
votes
1 answer

Use library (Plyr) with directive and AngularJS

I would like to use Plyr with AngularJS, but when I install plyr with AngularJS, Plyr doesn't work I must include :
Jérémie Chazelle
  • 1,721
  • 4
  • 32
  • 70
1
vote
0 answers

how to change video quality in plyr?

you might say this is a duplicate of Adding Quality Selector to plyr when using HLS Stream but its not. my idea is different what i want to do is when you touch a quality of your preference it will change the source of the player and i want it to be…
Hiruy Metsihafe
  • 37
  • 7
1
vote
0 answers

Plyr is not a constructor

I've been struggling for a while to include a Plyr library (read & customise audio src) and I need to embed it via requireJS (important). all the other libraries work except this one, I wonder what's wrong! Error: (console) Uncaught TypeError: Plyr…
Bosee
  • 11
  • 2
1
vote
0 answers

Converting Youtube Player API to Plyr.io

I have a codepen which is a video slider built with the Youtube Player API. It seems like the only functions that would need converting is the function onYouTubePlayerAPIReady() and the line: tag.src = "https://www.youtube.com/player_api"; Can…
Andres
  • 123
  • 9
1
vote
0 answers

Cors issue with hls.js while passing authorization header

I have digital ocean spaces setup with laravel & I am fetching an m3u8 playlist from a standalone vue app like below - const audio = document.querySelector("#player"); this.player = new Plyr(audio, { …
Debarshi Das
  • 49
  • 1
  • 9
1
vote
0 answers

plyr.js add live button same as YouTube live stream [skip ahead live broadcast]

I am using plyr.js, using this player iframe I am loading a youtube live stream video. I need to show the Live button on the player. if a user is not watching the current live minutes, show this button and click it go current live stream point. same…
bijus
  • 161
  • 8
1
vote
0 answers

Setting up Plyr video player in react for hls

I am building a livestreaming website, but I am having trouble with my video player. I want to have a nice video player that has livestream controls, such as autoplay, pause, play that bring you live, volume control and auto quality. I seen some…
Bernard Meunier
  • 69
  • 1
  • 6
1
vote
0 answers

Setting quality levels to Plyr player with HLS from .m3u8 file

I am using Plyr player with HLS implementation in an angular component, I did all the settings mentioned in the below post Adding Quality Selector to plyr when using HLS Stream Still, I can't get the quality setting option in UI. Upon clicking gear…
Nishana Musthafa
  • 11
  • 1
  • 3
1
vote
1 answer

Can't trigger ended event with Plyr.js

I'm trying to implement https://github.com/sampotts/plyr#events but cannot trigger the ended state with the embeds using the addEventListener() method as I'm not using jquery. I'm currently trying to just simply display a msg when it's over. but it…
Korhan
  • 13
  • 7
1
vote
0 answers

Duplicated subtitles issue in Internet Explorer with the video player (plyr.io)

I am using https://plyr.io/ to have a video player with captions. (Documentation: https://github.com/sampotts/plyr). I call the polyfilled plyr library (https://cdn.plyr.io/3.5.6/plyr.polyfilled.js) via the CDN for the moment (Currently I am only…
Farouk Tbahriti
  • 23
  • 5
1
vote
1 answer

Trying to reintegrate the plyr controls with the speed setting into my video using the plyr.js library with custom html

I'd like to be able to append a custom item to the controls in a plyr.js video but this removes the settings item with speed settings. As the title says, I need to be able to reintegrate the settings controls with the speed setting into my video.…
Joseph Peyton
  • 11
  • 5
1
vote
1 answer

How to automatically play videos on scroll using javascript?

Since 4 Days I am trying to autoplay my videos on the scroll. I have created an application where people can see a list of videos in vertical order. I want to automatically play the video that is currently on the screen and pause other videos. Video…
NJR
  • 37
  • 2
  • 8
1
vote
1 answer

How to get Plyr current instance when initialized for many videos

I'm using Plyr in my webpage to play Youtube embeds in that. In my page I've about 10 videos/embeds, & my current setup like the following: HTML
Md. A. Apu
  • 769
  • 10
  • 30
1
vote
1 answer

Add string to iFrame src doesnt work

Hi there I am using the PLYR Plugin to embed a vimeo video on my site. I want to add a string ("&background=1") at the end of an iframe src to hide the controls. I am doing it like this: var target="&background=1"; $(function(){ …
Dennis
  • 75
  • 9
0
votes
1 answer

change video source and caption dynamically on plyr.js?

i'am struggling with the way of adding caption to plyr.js and nothing found so far on the internet my code is and js is: const player = new…
Ali
  • 112
  • 1
  • 3
1 2
3
4 5 6