Discussion on Responsive Video Gallery HTML5 YouTube Vimeo


Tean supports this item


This author's response time can be up to 2 business days.

351 comments found.

Hi! How can I change the playlist (false or true) using responsivel mode? Ex. max 600px use YES for playlist, min 600px use FALSE for display playlist. Is it possible?



Not possible like this, but maybe you could add some jquery to check the width in window resize event, then toggle playlistHolder div visibility.

Its doesn’t work, it’s desappears, but the playlist’ space always keep there. Can I refund it?


Sounds like some css issue.

Can you show me the link to your page so I can see?


Hello. I want buy that script but I need info is it possible to put IFRAME with player opnenload.co . Is the script prepared for that solution?

Do you mean will player load this iframe?

No, this doesn’t work, player requires direct link to mp4 video file. Iframe type like this is not supported (although I may consider adding this in future updates)

I love your player! I haqve two problems…

(1) I’m having trouble getting the thumbnails to size correctly when using Vimeo. (see example at: http://videoaudio.media/CCFA_Videos/VideoGalleryPlayer.html).

(20 Also when I place it in an iframe the sides of the video also get cut off a little. You can best see this within the first video. Look on the left side (vs just viewing the player html file) and also notice the resize button in the Vimeo video is truncated. The truncation appears top be on all sides.


1. Your thumbs originally have black stripes in them: https://i.vimeocdn.com/video/629948028_100x75.jpg?r=pad

if this is what you meant?, so you cant get rid of the is black part. Maybe you could apply different css to thumbs so that the black part bets masked. (if you know hat all thumbs are going to have this black bar above and below)

2. I dont see any truncate in your video. Its impossible also because video comes from Vimeo iframe and no code can influence content inside the iframe which comes from different domain.

remove the r-pad from the end of the thumbnail url and you get the correct thumbnail. https://i.vimeocdn.com/video/629948028_100x75.jpg? can i access this in your code to fix?

Answered below.

Hi, I’m using this for a long time. Just today, we find out it couldn’t load the videos from Vimeo Channels. I have updated it to the latest code and it is still not working. Here is the playlist page: http://www.icahk.org/video_gallery/icahktv_outreach_reports.html Here is the Vimeo Channel that I would like to show in that page: https://vimeo.com/channels/797460 Do you know how I could fix it? Thanks and best regards, Lydia

Strange, console shows this message combing from Vimeo:

{"body":{"error":"You have been banned.","link":null,"developer_message":"You have been banned. Contact vimeo support for more information.","error_code":3500},"status":403,"headers":{"Server":"nginx","Content-Type":"application\/vnd.vimeo.error+json","ETag":"\"58742b21-b1\"","X-Banned-IP":"","Via":"1.1 varnish","Fastly-Debug-Digest":"13bb252f15d6a900b8945c636c1467031c85e96930b2bff124a63c633e908d67","Content-Length":"177","Accept-Ranges":"bytes","Date":"Mon, 08 May 2017 12","Connection":"keep-alive","X-Served-By":"cache-iad2127-IAD, cache-hkg6821-HKG","X-Cache":"MISS, MISS","X-Cache-Hits":"0, 0","X-Timer":"S1494245538.263673,VS0,VE217"}}
Is everything all right with your Vimeo account? I havent seen this before.

Oh! I don’t know. We always set to Anyone for “Who can watch this video?” and Anywhere for “Where can this video be embedded?”

We can embed single Vimeo video directly like this page: https://www.icahk.org/the-healing-rooms

Here is another channel that uses the Responsive Video Gallery player http://www.icahk.org/video_gallery/icahktv_testimonies.html but not working.

can this work with a custom html page? and does it auto refresh the collection i have it set to in vimeo?


Tean Author

Here is wordpress version of this plugin: http://codecanyon.net/item/video-player-html5-youtube-vimeo-wp-plugin/10826072

Exchange is not possible unfortunately.

can you give a step by step breakdown to get this working on a custom page with a vimeo collection?


Tean Author

Instructions are included with the download package.

If this is not enough, we can offer compete setup on your website for a custom fee.

I’m sorry I thought this was a wordpress plugin…

I won’t use this plugin unfortunately. Would it be possible to get a refund please for that purshase ?

Thanks François


does it support Vimeo channel?

thanks a lot!


Yes, please check item description for more details.

Please go to http://videoaudio.media/CCFA_Videos/VideoGalleryPlayer_00.html. You will see that the Vimeo provided thumbnails are squeezed down. I can even upload a 1920×1080 version and the problem still happens.

What am I doing wrong?


Tean Author

Ok, I see them now.

This r=pad is actually present everywhere (even if I try other videos than yours), you can see it here in their api playground:


Click make call.

Then you can see thumbnail urls having r=pad

I could manually remove this from the code (I am not sure why this happens), I cant find anything in their documentation about it.

I will see if I can get a response from their staff.

thank you


Tean Author

I dont think they will be staff response from vimeo, if you want I can edit you the code so it removes this part from url. Send a message at http://codecanyon.net/user/Tean#contact

How does the elimination of the Vimeo advanced API affect this product? I use it on our website and I will need to know what to change to make sure it continues to work. Thanks.


Tean Author


Do you have issues with your current player?

All playlist options are still the same, this can be tested in vimeo api playground:



Hello, yesterday we received the following from Vimeo. Does it affect the script in any way?

How to tell if you are affected: Look at your API requests or API libraries. If any of the following are true, you will need to move to the new API:

1. Are your requests going to http://vimeo.com/api/rest/v2?

2. Are you using our official PHP library and interacting with the API like this: $vimeo->call(‘vimeo.videos.getUploaded’);?

3. Does your authentication require a client ID, client secret, token, and token secret?


Look in index_buttons.html demo for playlist9, this is the new markup.

Thanks. I have done as advised with the new markup but I am getting a big warning window now saying: “There was an error retrieving vimeo data: ” and it displays the source of the homepage. whereas the link with vimeo gallery is: http://www.ayennaris.com/gallery2.asp?album=Personal

Fixed the issue..i had wrong paths. everything working fine now.

I would like to ask is it possible instead of the logo, to show the name of the video playing with a link to vimeo?


Hi there, I am concerned with the upcoming changes for the vimeo API. What do I need to update in my current installation so my galleries don’t stop working? Thanks.


Tean Author

Copy playlist vimeo source from html. Then replace all internal files. And add your vimeo api keys in vimeo_acc.php

Thanks, Tean. Sorry I have more questions, but to be clear, is this what you mean? 1. Copy playlist vimeo source from html – copy the whole source folder as I currently have it?. 2. Then replace all internal files- Do you mean the other folders that are not _source? 3. And add your vimeo api keys in vimeo_acc.php – Oath or Oath 2? and which keys exactly? Is it Client ID, access token and access token secret? Thanks again!

Creating Vimeo api keys is described in the documentation.