MyList Video Player

GRAV Plugin > Responsive HTML5 video player that plays YouTube playlists

PURCHASE LICENSE ($10)

Shortcode Enabled

This plugin for the Grav CMS allows you to easily add the MyList Video Player to any page using a shortcode. Shortcode generator included in the Readme file.

Dynamically Loads YouTube Playlist

Specify a YouTube playlist ID and this player will load that playlist. Anytime that playlist is updated on YouTube it will be reflected in this player.

Fully Responsive

The MyList Player uses responsive design (CSS media queries) to adapt to fit the screen size. The player will expand to fit the full width of whatever parent element you place it into.

Options

  • Enable autoplay so that the next video in the playlist automatically plays when the current one ends
  • Show or hide the video titles that appear under each thumbnail in the playlist
  • Show or hide the video title that appears in the upper left of the video player
  • Show or hide the YouTube video player controls
  • Change default and hover state colors for the left/right arrows and video titles in the playlist

Shortcode Generator

Use the form on this plugin's README page to generate a shortcode:

  1. Enter a YouTube playlist ID
  2. Select other options and colors (or leave as is to keep the defaults)
  3. Click on the "Generate Shortcode" button
  4. Copy the shortcode that is generated and paste it into the content area of a post or page

Installation

Before installing the MyList Video Player plugin, ensure that GRAV's Shortcode Core plugin is installed. To install the MyList Video Player plugin:

  1. Purchase and download the zip file
  2. Upload the 'mylist-video-player' folder and all of its contents into the '/user/plugins/ folder of your grav site

This plugin has been tested on Grav version 1.0.8 and is compatible with Bootstrap and Foundation. jQuery 1.10 or later is required.

Email support from the author is included. View support details. View license details
 
Also available as a stand-alone player! Learn More