Vimeo component does not work when embedded in https:// web app

Wed Dec 23, 2015 6:55 pm

I have an app deployed as an HTML/JS app in an https:// site. This app has an embedded Vimeo video, using the Vimeo component. I noticed that as soon as I made the site https (instead of http), the Vimeo component would not show the video.

On further investigation, I discovered that the Vimeo component uses the following iframe code:

src = "http ://player.vimeo.com/....

If I change that code in the generated HTML to "https://player.vimeo.com...", the video works fine.

Can you please make that https, or at least give an option for the user to make it so within the component?

Thanks,
-Kal.

Thu Dec 24, 2015 4:34 pm

Hi Kal -

We can't reproduce this on our side.

Please also check Vimeo FAQ: https://vimeo.com/help/faq/sharing-vi...

Wed May 25, 2016 6:16 pm

Hi Ilya, unfortunately, I just saw this reply.

Reproducing the problem seems quite simple, so not sure what you tried. Or maybe I am the one missing some obvious thing. Here are the steps.

Create a new Appery JQeuryMobile app.
On the Start Screen add just 1 component - Vimeo. Set any vimeo ID you like.
Export the HTML/JS/CSS zip file, and load it on a web site of your choice.
Go to the website using standard a href="http://" rel="nofollow"http:///a. It will work fine.
Go to the same website using a href="https://" rel="nofollow"https:///a. It won't work.

I did this for you. Please check out these links:
code
http://buzzub.me/vimeotest <- This works.
https://buzzub.me/vimeotest <- This won't work. If you turn on Chrome developer tools, you will see this is because the Vimeo is being loaded with http:// instead of https://.
/code

Thu May 26, 2016 1:50 pm

Hello -

We really appreciate you writing in! We are aware of such https:// issues, and our team is currently looking for a better option for our users.
At this point as you have already mentioned, the option is to change protocol for the file URL in the app source files.

Wed Jun 01, 2016 3:29 am

Anyone else who is frustrated by this: the easiest work around is to ditch the Vimeo component, and just put an HTML component, and add the iframe code that Vimeo gives you under Video Settings/Embed. This will let you do https, and gives you all the same features as using the component.