81 questions
0
votes
1
answer
111
views
How to stream large MKV/MP4 files with fast seeking and iOS support without doubling storage?
I have two servers:
A hosting server running my website and a section for video downloads.
A separate IIS server used for storing movies (formats: .mkv and .mp4).
I recently added an online player ...
- 352
0
votes
0
answers
39
views
Next.js with Plyr.js video controls works incorrectly on mobile
Now there is such a problem: on a mobile phone, when you click on a video, the controls (subtitles, progress bar, etc.) open and immediately close. This is due to the fact that the click on the mobile ...
0
votes
1
answer
117
views
How to Maintain Consistent Size for Multiple Video Players in a React Application
I am integrating multiple video players (Plyr, Video.js, and a proprietary player) into my React application and am facing issues with maintaining consistent sizes and aspect ratios across all players....
- 60
0
votes
1
answer
478
views
Plyr multiple players play on hover and pause when mouse out
I'm following this overflow discussion ( Play multiple Plyr Vimeo embeds on hover ) this solution perfectly working for embedded videos (YouTube, Vimeo etc) unfortunately not working for HTML5 videos.
...
- 168
1
vote
0
answers
203
views
Integrate Vidstack within an Ionic framework built using Angular library
I'm trying to build an app using the Ionic framework built using Angular library. On the app I want to use the Vidstack library to display video files, but the Vidstack docs has no support for Angular,...
- 139
1
vote
0
answers
25
views
How to run plyr in Summernote?
I recently introduced Summernote as a editor in admin part of Wordpress like website. Videos are played to the end user by plyr. I am able to insert the html inside Summernote editing area but I am ...
- 11.2k
1
vote
1
answer
942
views
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
<video class="player" style="min-width: 100%; min-height: 500px;" ...
- 141
1
vote
0
answers
2k
views
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 ...
user19055220
1
vote
0
answers
515
views
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 ...
- 11
1
vote
0
answers
368
views
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 =...
- 123
0
votes
1
answer
674
views
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 ...
2
votes
1
answer
767
views
Plyr audio player muted for the first second of audio
I am using Plyr audio player for my Rails app, along with Simulus.js.
I dynamically add audio source when the user clicks on different audio buttons. Then I launch the audio player with the .play() ...
- 300
0
votes
0
answers
278
views
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 ...
- 631
2
votes
0
answers
425
views
Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.23, but postcss-preset-env uses 7.0.29
Getting this error "Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.23, but postcss-preset-env uses 7.0.29. Perhaps this is the source of the error below." while I was ...
- 21
1
vote
0
answers
2k
views
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");
...
- 49