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

Youtube video playing on browser but not on electron-js app

I am using plyr.io to run youtube videos from electron-js app as well as browser based app. Few videos are not playing in electron-js app but playing on browser application(Chrome). Is it anything to do with copyright issue? Below is one video which…
Geeta
  • 153
  • 1
  • 8
6
votes
3 answers

Foundation 6.4 JavaScript within project not working, but external JS does

I am losing my mind with javascript in Foundation 6.4. I have no idea what's going on with this Webpack thing. It seems like some libraries/plugins work and some do not. My latest issue is with plyr (https://plyr.io/). I do not understand why…
Dustin
  • 4,314
  • 12
  • 53
  • 91
5
votes
1 answer

Adding Quality Selector to plyr when using HLS Stream

I am using plyr as wrapper around HTML5 video tag and using Hls.js to stream my .m3u8 video . I was going around a lot of issues on plyr to enable quality selectors and came arounf multiple PR's which had this question but was closed saying the…
Rahul Singh
  • 19,030
  • 11
  • 64
  • 86
5
votes
1 answer

Why .mov,.mkv,and some .mp4 are not playing in plyr.js

How can i play .mov,.mkv,.wmv, .mp4 all files with plyr.js because i like the look of plyr i don't want to change plyr by videojs. If any external plugin is there to help to play above files i'm glad to use them. Note: i have used plyr.polyfilled.js…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
5
votes
1 answer

Why plyr is not playing video to fullscreen in fullscreen mode in any of the browser

i came a crosss very different problem, in fullscreen mode my plyrjs is not playing video to fullscreen i tried to reproduce the problem with same code in codepen but it works in codepen why?. Question: why same code produces fullscreen in codepen…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
5
votes
5 answers

How to add download button in video player with Plyr JS?

I'm using Plyr JS and want to provide download option for each video. Here is what I have tried to make download option available: despite I have provided: controlsList="nodownload"
4
votes
1 answer

how to hide / mask data-plyr-provider from html code

I am using plyr to play YouTube videos. I would like to hide the data-plyr-provider definition from the html file. It is always going to be YouTube. Currently I am using this code
Radek
  • 13,813
  • 52
  • 161
  • 255
4
votes
2 answers

How to use plyr npm module in angular to create a video player in Angular2?

I am trying to use this (Plyr-https://www.npmjs.com/package/plyr) npm package to create a video player that could stream m3u8 and Youtube videos, their npm page has demos for both but they're in plain javacript. Can anyone explain how to use it in…
Tony
  • 152
  • 2
  • 15
4
votes
1 answer

Configuring Plyr player source

I'm trying to configue a vimeo player using the "plyr html5 player". But as I try to send the source through js it simply won't work, Just gives me back the error player.source is not a function. HTML:
grcoder
  • 324
  • 5
  • 17
4
votes
1 answer

Using Plyr.io, once video has ended - restart player

I'm using plyr plugin to play a video on my website. I'm trying to restart the player (vimeo) when the video ends but I'm not having much luck. I'm even trying to console log a message and that's not even working. Can anyone see where I'm going…
finners
  • 875
  • 16
  • 31
3
votes
1 answer

How can I add two videos in PlyrJS

I encountered a problem with plyr.io library, I don't know the problem from me or from the same library, the problem When adding more than one video to the page what do I want? I would like to add two videos, but when I add two videos, one of them…
g g
  • 45
  • 4
3
votes
1 answer

How to change the video souce dynamically so that different videos can be played

i'm using plyr.js https://github.com/sampotts/plyr Problem: i'm unable to change the video source and play each video below is how setup: $(function(){ $('.player-src').on('click',function(){ var videosrc =…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
3
votes
1 answer

Detect that the video is playing in javascript plugin plyr

I am using plyr javascript plugin from here - https://github.com/sampotts/plyr and I need to detect that the user is watching the video. Eventually I will add code for gathering statistics using AJAX. However the code below doesn't work. const…
easypronunciation
  • 81
  • 1
  • 7
3
votes
1 answer

plyr / video not autoplaying when 2 vimeo videos on the same page

I have had a problem recently where I cannot autoplay / play two videos from vimeo when they are on the same page using Plyr, although they work for the youtube videos. Here is a snippet jQuery(document).ready(function($) { var $videoComponent =…
Kiwimoisi
  • 4,086
  • 6
  • 33
  • 64
3
votes
3 answers

resize video proportionally to its container

I need to set up a video width/height accordingly to its container. Basically the video should have height 100% of its green container and the width should be variable. plyr.setup(); body { margin: 0; } .plyr { height: 100%; width…
GibboK
  • 71,848
  • 143
  • 435
  • 658
1
2 3 4 5 6