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
0 answers

How to add quality to hls player (plyr.io) along with other controls(rewind, fast-forward,current-time)?

I am trying to create html/php player (see this below html code)
caliboycoder
  • 26
  • 2
0
votes
0 answers

Video autoplay muted with plyr.io doesn´t play

any idea how to autoplay a plyr instance? I know that chrome is blocking audio by default, that´s fine for me :) Just want to have it autoplay and muted, so the user should be able to unmute the sound with the plyr-controls. Any idea? Thanks,…
bigfella
  • 1
  • 1
0
votes
0 answers

How to change the digits format on Plyr player

I am using Plyr for audio and video media, I want to use arabic/indian digits instead of english I tried passing an i18n object but it doesn't have digits as keys
Youssef Hossam
  • 11
  • 3
0
votes
0 answers

Wordpress HLS Player with Auto Quality Settings Detection

I want to embed some HLS Links into my PSYPLAY Theme these links are without m3u8 extention, I am able to play it with Super Video Player wordpress plugin but it doesnt support multiple quality switch option but hls links does support multi quality…
MrMosQuito
  • 1
  • 1
0
votes
0 answers

plyr.io video auto pause after increase volume

I use plyr.io In my system I generate an iframe for the user to deploy on his site, inside this iframe is called a video with plyr.io player, this youtube video, which automatically also generates an iframe of the youtube video. What happens is that…
Mir Souza
  • 27
  • 4
0
votes
0 answers

Center play button not appearing on Plyr player on React version

I have integrated the React version of the Plyr video/audio player into my project and the central play button does not appear on the React version, although it is present in the basic Javascript version. Is there a way to make it appear via an…
Majo
  • 19
  • 2
0
votes
1 answer

Possible to use video plyr for just audio with an image?

I am using Plyr for a meditation app, I have it working well using and linking an mp3 file, I have done it this way as I get the fullscreen attributes, but I am really stuck with regards to showing a bg image instead of a video. At the moment it is…
Manny Ribera
  • 1
  • 1
0
votes
0 answers

Plyr player crash when withCredentials is true

In my Next.js app, I am trying to load video from AWS Cloudfront using signed cookies. I am using plyr player and this hls library. When I load video without Next.js (with native JS) then video plays properly but with Next.js it destroyed my player…
fahad shaikh
  • 593
  • 1
  • 14
  • 29
0
votes
1 answer

plyr-react ref.current.plyr.on is not a function

I'm using react function component and plyr-react version 3.2.1. getting error ref.current.plyr.on is not a function In 3.1.0 and below version it's working fine Stackblitz Link - https://stackblitz.com/edit/react-vv9haf CODE const PlayerView = ()…
Ajith kumar
  • 1
  • 2
0
votes
1 answer

Issue with conditionally rendering plyr-react media from json error

Trying to conditionally render different media (audio/video) from a JSON file in react but getting errors. Here is the code: {surgeryData.map(data => (
0
votes
1 answer

How to embed VTT captions (custom subtitles) on YouTube Player videos?

I checked the documentation of YouTube Player API Reference, but it does not specify any parameters to add a path to our own VTT file for captions. I also came across Plyr.JS, but I am not sure if it can be used to achieve the same. So, is there any…
Gokul NC
  • 1,111
  • 4
  • 17
  • 39
0
votes
2 answers

Iterating over an array of objects and mapping them with custom key names in react

I am trying to loop through an array of objects and assign them as props to the react Plyr component here is what i am doing currently i'm just passing the first object values as props to the components like so. if (movie) { …
Yeshwanth B
  • 85
  • 10
0
votes
1 answer

How to play a local video in Vue-plyr?

I can get vue-plyr to work with a youtube video like so: but…
Artur Müller Romanov
  • 4,417
  • 10
  • 73
  • 132
0
votes
1 answer

Plyr.js - Events not implementing on multiple video element

I have apply plyr.js with play and pause events to automatically enter and exit fullscreen respectively. but the events methods not working on multiple videos it only works when I apply single video. HTML
…
Owaiz Yusufi
  • 849
  • 1
  • 14
  • 34
0
votes
1 answer

Dash.js quality selector Mpeg

How to implement Video Quality selctor for dash.js? Html Code:
1 2 3
4
5 6