guys! I'm trying to find a media player that could playback Youtube, Vimeo and HLS URLs. It seems Plyr player (https://github.com/sampotts/plyr) is suitable, but I have some troubles with closed captions for Youtube and Vimeo videos. Although videos show captions in Youtube and Vimeo players and it is possible to toggle them, I wasn't able to load captions for Vimeo video at all and can't toggle Youtube captions using Plyr. Could you please give some examples how to solve this captions problem with Plyr? Or with another media player?
Plyr media player doesn't show Vimeo and doesn't toggle Youtube closed captions
1.8k Views Asked by MotionKiwi At
1
There are 1 best solutions below
Related Questions in YOUTUBE
- youtube api quota limit of 10000api
- I am the domain admin, newbie, how do I connect youtube.com on my domain?
- My youtube widget keeps getting overflow pixels on full screen
- Does server-side content security policy exist for youtube video player API, app, mod apks and website?
- I want to embed YouTube videos in my web app while safeguarding the direct video links. How can I do this?
- Get ISRC from a YouTube video using YouTube Data API v3
- YouTube embed mutes by default on load
- How to solve the problem of being prompted for copyright restrictions (not copyright strikes) when I post a video on YouTube?
- QML WebEngineView doesn't play YouTube video if the video hasn't 480p quality
- YouTube Data API v3 check if a Video/Song has explicit lyrics
- Anyone around Good at both Javascript and Youtube api?, I am using lite-youtube js and I am confused in adding an eventlistener for onStateChange
- Youtube api question, make a perfect copy of a playlist
- Is there a way to use Youtube API for realtime history browser verification?
- Find a code to detect YouTube video end and hide related video on Wordpress
- Youtube Caption Download gives Error 404, the caption id is valid
Related Questions in PLYR
- blazorise video component source change hls media can not play
- Improve efficiency of bootstrap function
- R: How to add custom character inside string depends on the group?
- how to access the #document inside the iframe?
- Plyr player.source not working for youtube video
- change video source and caption dynamically on plyr.js?
- plyr.io captions dont load nextjs typescript
- automatizing ranges with R
- How to pass more than one argument to laply?
- I do I create one row for each unique timestamp in this dataframe?
- Sort, sum, and add percentages after "count" in R
- "Error in as.double(x)..." and other error message while creating a function to summarize and graph
- aggregating model summaries from list of models
- How to fix "Failed to compile. ./node_modules/plyr/dist/plyr.min.js 1947:29"
- Data transformation: Select certain observation plus observations before and after the date it was taken R
Related Questions in VIMEO
- Vimeo API channel getting number of videos
- Play 360 videos in visionOS
- Vimeo api get user collection
- Vimeo API: How to list videos from "root" folder?
- Vimeo API issues on MAC
- Embedded Vimeo Video position different on a mobile device
- Autoplay policy in Chromium Version 124.0.6339.0 (Developer Build) (64-bit)
- Pausing Vimeo Videos in SwiperJS Slider on Slide Change Fails After First Video
- Vimeo add multiple tags doesn't work with tag array
- Has anyone used Vimeo-90K triplet for frame interpolation?
- It is possible to embed the username on a Vimeo video running on the Moodle platform?
- Triggering a counter in and outside of A-Frame
- Vimeo API to fetch detail of multiple video in single request by PHP or Javascript
- How to get Live URL from vimeo api
- Unmute vimeo after video play event using api
Related Questions in CAPTIONS
- Imagemagick convert: use Pango to format captions in auto generated slides
- Adding Captions to Bootstrap Responsive Modal Image Gallery
- Turn closed captions off for multiple videos with global button
- Is there any way to create a captions system in Unity 2018.1?
- Tokenizer.word_index did not contain "START" or "END", rather contained "start" and "end"
- AttributeError: 'str' object has no attribute 'ndim', unable to use model.predict()
- Removing EIA-608 Closed Captions from H.264 without reencode
- How to position a caption below a Bootstap4 basic slider
- Picturebox with Caption in VB.NET
- Java VTT parser/validator
- Javascript image slider with captions - captions don't show
- Snapchat video caption removal
- Plyr media player doesn't show Vimeo and doesn't toggle Youtube closed captions
- How do I create a huxtable table caption using bookdown in rmarkdown?
- Scrape automatic captions from Youtube using Selenium and R
Related Questions in PLYR.JS
- why is there no quality selector for plyr in my code?
- Plyr multiple players play on hover and pause when mouse out
- Segments not loading in HLS Stream encoded with FFMPEG
- Set a specific "consumer" param through user agent in nextjs
- Integrate Vidstack within an Ionic framework built using Angular library
- How to run plyr in Summernote?
- change video source and caption dynamically on plyr.js?
- how to change video quality in plyr?
- How to add quality to hls player (plyr.io) along with other controls(rewind, fast-forward,current-time)?
- Plyr is not a constructor
- Converting Youtube Player API to Plyr.io
- Possible to use video plyr for just audio with an image?
- Plyr audio player muted for the first second of audio
- Plyr player crash when withCredentials is true
- Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.23, but postcss-preset-env uses 7.0.29
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
I've found out what is wrong with captions in Plyr for Vimeo videos.
Plyr.io uses Vimeo Player (https://github.com/vimeo/player.js) inside it, so it builds an iframe into our page to playback Vimeo link. This Vimeo iframe contains not only video block but also control buttons and author of the Plyr hides them with CSS trick to show only Plyr control buttons. Unfortunately, captions also get hidden with this trick. So, as we can't access iframe content we can only: