Vimeo Quality Selector

[mariusgnicula]

Expected behaviour

Quality switcher could be available for Vimeo Pro members and up using the HTML5 quality selector, since they have access to the CDN Files

Actual behaviour

No switcher for HTML5 video. Any idea on when that will appear? No rush, just a question :D

PS: Awesome job, been using Plyr on all my projects!

[sampotts]

I'm working on the HTML5 quality selection right now. I'm not sure how I'd do the Vimeo one without signing up for a Vimeo Pro account?

[mariusgnicula]

that or I could give you the file links to a test video so you would see what parameters there are on the video

[friday]

There really isn't any api for this. You can't list the quality options or set the quality after load. The only thing they support is setting the quality on load for pro members, but not switching it later. There is a css hack you can use for tricking the iframe that its viewport size is actually bigger than it is (see #965) but it's a hack and may not produce good quality. It would be extra risky for vimeo since it could reveal their own captions element.

[noxgroupau]

I know this thread is closed and pretty old, but I believe Vimeo now has options for getting and setting the quality via the API (https://github.com/vimeo/player.js/pull/607) as of August 2020 - not sure if this could be re-evaluated as an option for Plyr?

[ajgagnon]

I think we can finally do this. I may have some time to write a pull request for this, but not for a few weeks. If anyone else wants to take a stab at it, that would be great.

[OuttaSpaceTime]

@ajgagnon @noxgroupau @sampotts any updates or examples on how to set quality options for vimeo by now?

[CristianVGdev]

Can be adding that;

vimeo: {
      byline: false,
      portrait: false,
      title: false,
      speed: true,
      transparent: false,
      // Custom settings from Plyr
      customControls: true,
      referrerPolicy: null,
      **quality: something**
      // https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/referrerPolicy
      // Whether the owner of the video has a Pro or Business account
      // (which allows us to properly hide controls without CSS hacks, etc)
      premium: false
    }

Just an idea where you use an "if" to refer if you are a vimeo premium user. To be applied in JS logic. embedparameter=value to try to add plyr quality.

  if ({vimeo: premium=true) {
    // add option quality for example
  }

https://player.vimeo.com/video/'ID_VIDEO_VIMEO'?loop=false&autoplay=false&muted=false&gesture=media&playsinline=true&byline=false&portrait=false&title=false&speed=true&transparent=false&customControls=true&quality=<<'Quality'>>

[kasvith]

im all in favor for the solution mentioned above