StarTube - YouTube Video Gallery Powered by jQuery

StarTube is a powerful yet easy to use video gallery based on the brand new StarTube jQuery Plugin. It’s a perfect choice if you wish to bring your favorite videos from YouTube to your website and display them nicely inside a categorized gallery. Developed in best practises of HTML5, CSS3, and Javascript.

StarTube allows adding short description to the enclosed videos which makes it highly suitable for portfolio websites showcasing video shooting samples as well as personal video galleries.

Here is what you get:

\\

  • A responsive design that looks great on desktops, tablets and smart phones
  • Add unlimited number of videos to the gallery
  • Optionally group videos by categories
  • Assign videos to multiple categories to best match your gallery structure
  • Navigate using the keyboard as well as the on-page controls
  • Set custom player width value for best responsive performance on all devices
  • Set the number of thumbnails to show per page in the navigation panel
  • Set the video quality for the YouTube player
  • Enable or disable continuous video loop
  • Switch between lite and dark YouTube player themes for smooth design integration
  • Optionally select a default video to load into the player
  • Optionally select a default active category tab
  • Smooth scrolling to the player when selecting a video for better user experience
  • Automatic video start upon clicking a thumbnail
  • Add a highlighted prefix to all video titles for brandability purposes
  • Show or hide top pagination links
  • Show or hide bottom pagination links
  • Read our detailed HTML documentation (included in the package) on setting up the gallery
  • Receive free support with the gallery setup and basic configuration
  • Benefit from the upcoming feature upgrades

\\

StarTube jQuery Plugin

We are proudly introducing a brand new jQuery plugin called “StarTube” that does a great job in creating YouTube video galleries. Below is a summary of plugin controls allowing extended gallery customization options:

arrows:    true,  // show player arrows
details:   true,  // enable video details
cats:      true,  // categories container
titles:    false, // video thumbnail titles
all:       true,  // "All" videos link
navabove:  true,  // top pager navigation
navbelow:  true,  // bottom pager navigation
keys:      true,  // keyboard navigation
loop:      true,  // continuous play

cat:       0,    // initial active category
video:     '',    // initial video ID
start:     0,      // a given time in seconds to start the video at
prefix:    '',      // global prefix string for video titles
sep:       ' - ',    // title prefix separator
quality:   'hd1080',  // video quality (default, small, medium, large, hd720)

thumbs:    20,        // video thumbnails per page
pages:     10,        // max number of pages to show in paginator

autoplay:  false,     // start video automatically
autohide:  true,      // hide video controls automatically
controls:  true,      // show youtube player controls
inline:    true,      // play videos inline on iOS
related:   false,         // show related video thumbnails

showinfo:  false,     // show video title before it starts playing
shownotes: false,     // show video annotations
branding:  false,     // show YouTube logo in the control bar
full:      true,      // allow full screen

theme:     'dark',    // 'dark' or 'light'
color:     'red',     // 'red' or 'white'

Browser Compatibility

StarTube has been tested with the major web web browsers, including:

  • Google Chrome
  • Internet Explorer 7+
  • Safari
  • Firefox
  • Opera

Package Information

Please read our detailed HTML documentation included in the download package on setting up the video gallery. If you experience difficulties with any of the settings, or wish to make custom changes to the default layout, feel free to contact us and we’ll kindly give you the right directions to do so.

Version History

Updates on 2014-10-13 (v.1.5.3)

  • Fix player load issue in Internet Explorer

Updates on 2014-09-11 (v.1.5.2)

  • Add option to display video titles along with thumbnails

Updates on 2014-08-25 (v.1.5.1)

  • Fix custom quality setting not taking effect on initial video

Updates on 2014-07-25 (v.1.5.0)

  • Add support for seamless inclusion of multiple gallery instances on the same page
  • Fix iOS incompatibles, now gallery runs smoothly on Apple devices as well
  • Introduce additional configuration settings for enhanced flexibility
  • Upgrade jQuery library to latest 1.11.1 version

Updates on 2013-06-15 (v.1.0.1)

  • Add responsive design functionality for seamless display on smaller screens
  • Remove option to manually define the video “height” value which is now calculated automatically
  • Fix minor layout issues reported by users
by
by
by
by
by
by