Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

1080p Vimeo Embeded?

I'm trying to find a way to show my Vimeo files through Fresco and have them default to 1080p.
On my old website I used the iFrame tag and the Vimeo player code as shown below

But I'm having trouble using either iframe or the "player.vimeo..." command whilst using Fresco as it seems to only like it when I use the standard Vimeo URL (https://vimeo.com/157588560). If I have understood this correctly this is because it uses oEmbed.
Using oEmbed I have been able to get the video to be the size I want using the width & height Arguments but I can't find one such one for Quality.

Any help showing me the error of my ways would be much appreciated.

Thanks

Comments

  • edited September 21

    When you use the vimeo option in fresco like this vimeo: { quality: '1080p' } it will output the iframe just like the Vimeo docs mention.

    https://help.vimeo.com/hc/en-us/articles/224983008-Setting-default-quality-for-embedded-videos

    It mentions there you need a plus, pro or business account for that to work, do you have that?

  • Hi Nick,
    Thanks for getting back to me.
    Yes I have a Plus account so thats all good.
    I've tried it but not getting it to play ball.

    Here is the code that I'm using. Hopefully you can show me where I'm going wrong

    Video

    Thanks in advance

  • edited September 22

    Here is the code again

    <a href="https://vimeo.com/157588560" class="fresco" data-fresco-options="vimeo: { quality: '1080p' }">Video</a>
    
  • Sorry having problems getting the code to show as txt in my comment. I'm new to this forum thing.

    data-fresco-options="vimeo: { quality: '1080p' }"

  • Doesn't seem to work for me either, googling this shows me that others are having the same issues. This might be a bug on Vimeos end or something they've stopped supporting.

  • It works if you use the code as Vimeo says so...

    player.vimeo.com/video/157588560?quality=1080p

    But the player.vimeo.com URL doesn't seem to be compatible with Fresco.
    Thats what I have been using (along with the iFrame tag) on my previous website.

    Is there a way to enable it so I can use that with Fresco?

  • edited September 23

    Fresco uses that player.vimeo.com url already. Using the link you posted earlier Fresco creates an iframe with this url:

    http://player.vimeo.com/video/157588560?autoplay=1&api=1&title=1&byline=1&portrait=0&loop=0&quality=1080p

    Besides the extra parameters, there's no real difference between your iframe and the one Fresco dynamically inserts.

  • The issue that I'm having is that when I create a link with the player.vimeo.com and then assign it the fresco class there is a loading wheel that appears and it never resolves.
    So when I create the following

    a href="http://player.vimeo.com/video/157588560?autoplay=1&api=1&title=1&byline=1&portrait=0&loop=0&quality=1080p" class="fresco">Video</a

    It doesn't load Fresco. But when I just do a straight URL (without the player part) it does load.

    Are you saying that you are successfully loading a video within Fresco using the player.vimeo.com URL as I have written in the code above?

  • For fresco the url should point to the regular vimeo url, not the player.vimeo used by the iframe.

    So this link is correct:
    <a href="https://vimeo.com/157588560" class="fresco" data-fresco-options="vimeo: { quality: '1080p' }">Video</a>

  • Thanks for sending this but it looks like we are back to square one.
    I'm not sure if you remember but thats the code that I tried in the first place and sent you in one of my earlier entries. Though this is the correct code Vimeo doesn't recognise the quality argument of 1080p which I believe is what you found as well.
    The only way that you can successfully get Vimeo to force the quality setting that you want is if you use the player.vimeo.com URL but that is incompatible with Fresco (at least from my findings).
    I was merely wondering whether player.vimeo.com URLS can be made to be compatible with Fresco and then I can force Vimeo to play the video at the quality that I want.

    Thanks

  • Let's say that Fresco supported player.vimeo.com urls on links, it would basically move the url over the iframe after you click. The end result on the iframe would be the same thing as what Fresco does already. It converts the regular vimeo.com url on a link to a player.vimeo.com on the iframe. The only difference wil be noticeable should Fresco be disabled, in that case the link would redirect to a player.vimeo.com page, a url that is intended for use on the iframe, so that seems like a bad practice.

    With the end result being an identical iframe, supporting a different url on the link won't solve anything.

    The question is why doesn't Vimeo force the correct quality when you do something like this:

    $('body').prepend('<iframe src="http://player.vimeo.com/video/157588560?autoplay=1&api=1&title=1&byline=1&portrait=0&loop=0&quality=420p" width=700 height=300></iframe>');
    

    From what I can tell they just ignore whatever you set as quality and base it on the dimensions of the iframe.

Sign In or Register to comment.