Code

Vimeo Gallery Portfolio

Vimeo Gallery Portfolio

By
Cart 32 sales
Recently Updated

Click image to view demo



Youtube Gallery Portfolio is grid style gallery with lots of adjustable features. It can display videos from Youtube Playlist, Channel, User feeds. It can even perform custom video search. Grids can be customized and styled in many ways. You can define rows, columns and gutters for each grid. Video data including thumbnails, description and video statistics is automatically created.

Features and options:

  • Responsive layouts
  • Mobile, desktop and tablet frendly
  • Grid customization breakpoints (columns, rows, spacing)
  • Automatically retrieves all data from Vimeo or Youtube
  • Set your own custom header image, logo title and description
  • Adjust all gallery elements with parameters
  • Customize lightbox content
  • Optional playlist selector loads new gallery on runtime into the grid
  • Supported gallery sources:
    • Youtube content:
      • Playlist
      • Channel
      • Search for videos
  • Display Video lightbox, inline, link, none
  • Playlist transition (scroll, alpha)
  • Playlist direction (vertical, horizontal)
  • Option playlists pagination
  • Playlist is stored in browser to limit API requests for Youtube quota
  • Social sharing (facebook, twitter, tumblr…)
  • Multiple galleries in the same page
  • Load new grid on runtime with API methods




Updates / Changelog

UPDATE 4.12 [3.11.2022]

 - [FIX] if live preview was used with display video inline, there would be conflicts
 - [ADD] optional info button in thumbnail to open full video description 

UPDATE 4.1 [30.10.2022]

 - [FIX] custom description not showing if set
 - [FIX] scale on hover direction not correct in some instances
 - [UPDATE] more improvement on youtube quota for multiple keys
 - [ADD] demo with multiple galleries in page

UPDATE 4 [25.10.2022]

 - [FIX] Youtube muted autoplay not working

 - [UPDATE] Facebook share no longer requires api key
 - [UPDATE] Youtube auto subscribe button
 - [UPDATE] html code moved inside javascript file
 - [UPDATE] added more sharing networks 
 - [UPDATE] dotdot replaced with elipsis 
 - [UPDATE] add new options for showing / hiding elements in gallery

 - [ADD] option for custom player skin (no Youtube controls)
 - [ADD] scale video on hover effect (in combination with video autoplay preview)
 - [ADD] retrieve video title and description in your localized language

UPDATE 3.2 [10.1.2022]

 - [FIX] youtube live preview not playing
 - [ADD] new gallery layouts (player with playlist right and bottom of the player)
 - [ADD] option to auto advance to next video in player layout 
 - [ADD] new thumbnail style (description right of thumbnail)
 - [ADD] option to choose between css transitions and jquery animate

UPDATE 3.01 [30.12.2021]

 - [UPDATE] remove youtube deprecated dislike ratio

UPDATE 3.0 [15.7.2021]

 - [ADD] WhatsApp share
 - [UPDATE] improved Youtube quota management  
 - [UPDATE] set custom logo, banner image, title and description for your channel  
 - [ADD] option to play youtube video on hover

UPDATE 2.65 [15.3.2021]

 - [FIX] youtube api quota backup 

UPDATE 2.61 [12.11.2020]

 - [UPDATE] remove Youtube deprecated channel image

UPDATE 2.6 [11.7.2020]

 - [ADD] prevent Vimeo player from tracking session data, including cookies

UPDATE 2.59 [11.6.2020]

 - [ADD] option to choose Youtube and Vimeo thumbnail size 

UPDATE 2.55 [26.2.2020]

 - [ADD] display videos from Vimeo folders
 

UPDATE 2.5 [9.2.2020]

 - [UPDATE] css improvements
 - [ADD] Youtube channel sort videos option
 - [ADD] Vimeo user feed
 - [ADD] Search Youtube and Vimeo videos
 - [ADD] search field in gallery (search Youtube channel, Vimeo album, channel, groups, user feeds)

UPDATE 2.4 [5.2.2020]

 - [UPDATE] display collections from Vimeo

UPDATE 2.35 [15.1.2020]

 - [UPDATE] option to filter embeddable and non embeddable videos from vimeo

UPDATE 2.31 [27.12.2019]

 - [UPDATE] video autoplay with sound for lightbox

UPDATE 2.3 [13.12.2019]

 - [UPDATE] choose all gallery elements with settings
 - [UPDATE] translation
 - [ADD] set custom header image, logo, title, description
 - [ADD] option to leave header data and load just new video grid with playlist selector

UPDATE 2.01 [8.11.2019]

 - [FIX] gallery preloader color

UPDATE 2.0 [10.9.2019]

 - [ADD] lightbox video autoplay (muted)
 - [UPDATE] header reload is now automatic, no more user exposed

UPDATE 1.65 [21.3.2019]

 - [FIX] fixed click on some thumbnails not working after grid resize
 - [ADD] option to store playlist in browser to limit API requests for Youtube and Vimeo
 - [UPDATE] some layout changes

UPDATE 1.55 [8.1.2019]

  • [ADD] auto set high quality image thumbnails and swap on resize

UPDATE 1.51 [24.12.2018]

  • [ADD] internal script loading (improves performance)(

UPDATE 1.5 [20.12.2018]

  • [ADD] new header sytle layouts for Youtube channel, Vimeo channel or group
  • [ADD] option to load Youtube channel by username
  • [ADD] option to reload header and description for Youtube channel, or Vimeo channel / group on runtime
  • [ADD] option to search Youtube or Vimeo videos
  • [UPDATE] playlist selector incorporated into the grid
  • [ADD] option to load Youtube and Vimeo into the same gallery
  • [ADD] option to download Vimeo videos

UPDATE 1.22 [21.11.2018]

  • [UPDATE] option to retrieve better quality thumbnails from Vimeo

UPDATE 1.21 [28.10.2018]

  • [FIX] lightbox inadvertently closes on first open after load new playlist
  • [UPDATE] auto sort break points from low to high

UPDATE 1.2 [27.9.2018]

  • [UPDATE] small code improvements

UPDATE 1.15 [28.7.2018]

 - [UPDATE] option to play video inline in thumb (with or without controls)

UPDATE 1.10 [17.7.2018]

 - [UPDATE] some code improvements

UPDATE 1.08 [29.06.2018]

 - [FIX] lightbox not opening again when comment count is zero

UPDATE 1.07 [21.05.2018]

 - [FIX] bug with youtube channel not retrieving only video type

UPDATE 1.06 [21.05.2018]

 - [ADD] added demo with multiple galleries in the same page

UPDATE 1.05 [16.05.2018]

 - [UPDATE] some new settings (navigation details, show video details, show comments...)
 - [ADD] playlist selector demo (load new grid on runtime)

VERSION 1.0 [11.05.2018]

 - first release
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey