My YouTube Channel Plugin

Add My YouTube Channel widget to the widget area or shortcode to post/page content, set Channel ID or Playlist ID, chose resource to use and keep defaults for all other options. And voila! You will get the latest video from chosen YouTube channel or playlist.

IMPORTANT My YouTube Channel does not support Live Streams and does not have Gutenberg Block. Use Shortcode Block or Classic Block to insert shortcode to page/post content.

If you like our plugin and find it useful, please write a review and rate it.

For a manually picked set of videos from YouTube, check out Easy YouTube Gallery.

Features

• Show latest videos from My YouTube Channel (ordered in reverse chronological order related to the creation date), or from Playlist
• Option to get a random video from any of two resources
• Responsive (one full-width video per row) or non-responsive
• Preferred aspect ratio relative to width (16:9 and 4:3)
• Custom width for video embeded object (default is 306px)
• Four modes to display video: thumbnail (default), HTML5 (iframe), HTML5 Asynchronous (iframe2) abd Playlist Embed (playlist)
• Thumbnail mode opens the video in lightbox
• [NEW] Optionally store thumbnail images locally for improved speed performance and cache policy
• Enhanced Privacy – please note that display mode HTML5 (IFRAME) Asynchronous (shortcode parameter iframe2) does not support Enhanced Privacy due to YouTube API limitations
• Hide or show video title above/below/inside video wrapped to HTML tag by your choice (h3, h4, h5, span or div)
• Custom feed caching timeout
• Optional video autoplay with optional muted audio
• (Optional) TinyMCE button on post/page edit (can be disabled on General plugin settings page), which open a shortcode GUI generator to help you build a shortcode
• Show link to channel/handle below videos (vanity and legacy username are deprecated since v3.23.0)
• Final look is highly customisable thanks to classes for each element of YTC block!

Requirements

For a fully functional plugin, PHP 7.4 or newer has required! If you use older PHP, we highly recommend you request from your developer, server support or hosting company to update PHP to a secure version.

Styling

Use Customizer, style.css from the child theme or Head & Footer Code plugin to custom style and tweak the look and feel of the My YouTube Channel blocks. You can utilise the following classes:

• .widget_youtube-channel – class of whole widget (parent for widget title and YTC block)
• .youtube_channel – YTC block wrapper class. Additional classes are available:
  • .default – for non-responsive block
  • .responsive – when you have enabled responsive option
• .ytc_title – class for video title container above thumbnail/video object
  • .ytc_title_above – additional class for video title above video/thumbnail
  • .ytc_title_below – additional class for video title below video/thumbnail
  • .ytc_title_inside – additional class for video title printed inside of the thumbnail
  • .ytc_title_inside_bottom – additional class for bottom aligned video title printed inside of the thumbnail
• .ytc_video_container – class of container for single item, plus:
  • .ytc_video_1, .ytc_video_2, … – class of container for single item with ordering number of item in widget
  • .ytc_video_first – class of first container for single item
  • .ytc_video_mid – class of all other containers for single item
  • .ytc_video_last – class of last container for single item
  • .ar16_9 – class for Aspect Ratio 16:9
  • .ar4_3 – class for Aspect Ration 4:3
• .ytc_thumb – class of anchor for Thumbnail mode
• .fluid-width-video-wrapper – class for parent element of IFRAME for enabled responsive
• .ytc_description – class for video description text below thumbnail/video object
• .ytc_link – class of container for link to channel

Known Issues

• Video title and description for embedded playlist mode do not work.
• Removing the YouTube logo from the playback control bar does not work for all videos.
• Autoplay does not work always

If WordFence or other malware scan tool detect My YouTube Channel file youtube-channel.php as a potential risk because base64_encode() and base64_decode() functions, remember that we use this two functions to store and restore JSON feeds to transient cache, so potential detection is false positive.

Credits

• For playing videos in lightbox we use Bigger Picture.

Shortcode

Along with Widget, you can add My YouTube Channel block inline by using shortcode [youtube_channel]. Default plugin parameters will be used for shortcode, but you can customize all parameters per shortcode.

General Settings

• class (string) Set custom class if you wish to target special styling for specific YTC block
• channel (string) ID of preferred YouTube channel. Do not set full URL to channel, but just last part from URL – ID (name)
• handle (string) defined custom handle from YouTube handle
• vanity (string) DEPRECATED part after www.youtube.com/c/ from Custom URL
• username (string) DEPRECATED Optional legacy YouTube username.
• playlist (string) ID of preferred YouTube playlist.
• resource (int) Resource to use for feed:
  • 0 Channel (User uploads)
  • 1DEPRECATED Favorites (for defined channel)
  • 2 Playlist
  • 3DEPRECATED Liked Videos
• cache (int) Period in seconds for caching feed. You can disable caching by setting this option to 0, but if you have a lot of visits, consider at least short caching (couple minutes).
• fetch (int) Number of videos that will be used as stack for random pick (min 2, max 50)
• num (int) Number of videos to display per YTC block.
• random (bool) Option to randomize videos on every page load.

Video Settings

• ratio (int) Set preferred aspect ratio for thumbnail and video. You can use:
  • 3 16:9 (widescreen)
  • 1 4:3
• responsive (bool) Distribute one full width video per row.
• width (int) Width of thumbnail and video in pixels.
• display (string) Object that will be used to represent video. We have couple predefined options:
  • thumbnail Thumbnail will be used and video will be loaded in lightbox. (default)
  • iframe HTML5 (iframe)
  • iframe2 HTML5 (iframe) with asynchronous loading – recommended
  • playlist Embedded playlist (same behaviour as old function only_pl)
• thumb_quality (string) Define image quality for thumbnail display mode. Default is hqdefault, available:
  • default Default Quality (120x90px)
  • mqdefault Medium Quality (320x180px)
  • hqdefault High Quality (480x360px)
  • sddefault Standard Definition (640x480px)
  • maxresdefault Maximum Resolution (1280x720px)
• no_thumb_title (bool) By default YouTube thumbnail will have tooltip with info about video title and date of publishing. By setting this option to 1 or true you can hide tooltip
• themelight (bool) By default YouTube have dark play controls theme. By setting this option to 1 or true you can get light theme in player (HTML5 and Flash)
• controls (bool) Set this option to 1 or true to hide playback controls.
• autoplay (bool) Enable autoplay of first video in YTC video stack by setting this option to 1 or true
• mute (bool) Set this option to 1 or true to mute videos set to autoplay on load
• norel (bool) Set this option to 1 or true to hide related videos after finished playbak
• nobrand (bool) Set this option to 1 or true to hide YouTube logo from playback control bar
• nolightbox (bool) Set this option to 1 or true to prevent YTC block with thumbnail to open in lightbox. If you have other plugin that trigger youtube links for lightbox, that one will steal links from this YTC block.
• target (string) If you enable nolightbox for specific YTC block, you can force opening of thumbnail links in new tab/window if you set this shortcode option to _blank like target="_blank".

Content Layout

• showtitle (string):
  • none – Hide title
  • above – Display title above video/thumbnail
  • below – Display title below video/thumbnail
  • inside – Display top aligned title inside thumbnail; if display is not thumbnail then treat as above
  • inside_b – Display bottom aligned title inside thumbnail; if display is not thumbnail then treat as below
• titletag – Video title HTML tag to wrap title (H3, H4, H5, div, span, strong, etc)
• showdesc (bool) Set to 1 or true to show video description.
• desclen (int) Set number of characters to cut down length of video description. Set to 0 to use full length description.
• noinfo (bool) Set to 1 or true to hide overlay video infos (from embedded player)
• noanno (bool) Set to 1 or true to hide overlay video annotations (from embedded player)

Link to Channel

• goto_txt (string)
• popup (int) Control where link to channel will be opened:
  • 0 open link in same window
  • 1DEPRECATED open link in new window with JavaScript
  • 2 open link in new window with target=”_blank” anchor attribute
• link_to (string) URL to link:
  • none Hide link (defult)
  • handle YouTube handle URL
  • channel Channel page
  • vanityDEPRECATED Vanity custom URL
  • legacyDEPRECATED Legacy username page

Please note, to enhance plugin functionality, we can change or deprecate some shortcode parameters in future.

Filter hooks

You can modify final output of video block by hooking to filter ytc_print_video.

Four parameters are provided:

• video_content – HTML of original video block
• item – YouTube video object which contains:
  • snippet->publishedAt – date of publishing YouTube video
  • shippet->title – YouTube video title
  • shippet->description – YouTube video description
  • snippet->resourceId->videoId – YouTube video ID
• instance – Current My YouTube Channel Block parameters, including global settings:
  • handle
  • channel
  • vanityDEPRECATED
  • usernameDEPRECATED
  • playlist
  • resource
  • cache
  • fetch
  • num
  • skip
  • privacy
  • ratio
  • width
  • responsive
  • display
  • fullscreen
  • controls
  • autoplay
  • autoplay_mute
  • norel
  • playsinline
  • showtitle
  • titletag
  • showdesc
  • desclen
  • modestbranding
  • hideanno
  • goto_txt
  • popup_goto
  • link_to
  • tinymce
  • nolightbox
  • apikey
  • thumb_quality
  • timeout
  • random
  • no_thumb_title
  • class
  • target
• y – order number of video (1 for first, 2 for second, etc)

Example:

add_filter( 'ytc_print_video', 'customized_ytc_print_video', 10, 4 ); function customized_ytc_print_video( $video_block, $item, $instance, $y ) { // Do whatever you wish to do // ... return $video_block; } 

Use Plugins / Add New in WordPress or install the plugin manually:

1. With your FTP program (eg. FileZilla) upload content of unzipped youtube-channel directory to the wp-content/plugins/ directory on the server.
2. Activate the plugin on the Plugins / Installed Plugins page in WordPress
3. Enter YouTube Data API Key on Settings / My YouTube Channel page.
4. Add My YouTube Channel widget to the sidebar
5. Set Channel ID in plugin settings, widget or shortcode

If you have to upgrade manually, repeat the installation steps and re-enable the plugin.

YouTube Data API Key

To make My YouTube Channel work you have to generate YouTube Data API Key v3 and insert it to General plugin settings.

Learn more about Obtaining authorization credentials and for detailed instructions on how to generate your own API Key follow instructions below.

1. Visit Google Cloud Platform.
2. If you don’t have any project, create a new one (click on CREATE PROJECT). Set the Project name so you can recognize it later (for example My WordPress Website). Then click the CREATE button and wait until Google create the project.
3. On the popup click SELECT PROJECT and from the left-hand side Navigation menu go to APIs and Services -> Enabled APIs and services
4. Search for YouTube Data API v3 and click on it, then click the ENABLE button.
5. From the left-hand side Navigation menu go to APIs and services -> Credentials.
6. From the + CREATE CREDENTIALS drop-down menu select API key
7. As soon as the API key gets created -> CLOSE popup.
8. Click on newly created key in the API keys table
9. On Edit API key screen define recognizable key Name (eg. YouTube API key for my website)
10. Within section Set an application restrictio select option IP addresses
11. Under section IP address restrictions click ADD -> enter your server IP (make sure you enter proper IP or you’ll get Oops, something went wrong. error message) -> click DONE.
12. Under section API restrictions select option Restrict key -> click Select APIs dropdown -> chose option YouTube Data API v3 -> OK
13. When you finish, SAVE changes
14. On API keys table click SHOW KEY and then Copy to Clipboard icon on the right hand side of the Your API key field
15. In WordPress go to Settings -> My YouTube Channel -> General and paste API key in to field YouTube Data API Key.

Don’t forget to check and update Channel ID in the plugin’s General settings, Widgets and/or shortcodes.
You can get Channel ID from the page Account Advanced while you’re logged in to your YouTube account.

1. 

   My YouTube Channel default plugin settings (General tab)

2. 

   My YouTube Channel customized widget settings

3. 

   My YouTube Channel customized widget on website

4. 

   TinyMCE form to easy configure My YouTube Channel shortcode for content

5. 

   Shortcode in Classic block

6. 

   Shortcode rendered on website

3.24.7 (20240706)

• Change: Rename classes to match new plugin name My YouTube Channel
• Improve: Introduce option to locally store thumbnail images for improved cache policy
• Tested: WordPress 6.6 and theme Twenty Twenty Four 1.1 on PHP 8.3.7

3.23.4 (20230223)

• Security: Fix CSRF vulnerability, thanks to Mika/Patchstack

3.23.3 (20230212)

• Fix: double trailing slash in assets URLs
• Fix: thumbnails lightbox does not work with enabled cache or auto optimize
• Update: Bigger Picture library to 1.1.7

3.23.2 (20230112)

• Tested: WordPress 6.2 on PHP 8.1.14
• Improve: Remove deprecated options from Widget and Shortcode generator

3.23.1 (20230111)

• Fix: allow multiple classes defined in Widget and Shortcode
• Fix: over-escaped content break customized layouts and styling

3.23.0 (20230111)

• Tested: WordPress 6.1.1 on PHP 8.1.7
• Security: Fix XSS and Authorization Bypass vulnerability (thanks to WPScan)
• Security: Replace legacy library Magnific Popup with BiggerPicture
• Change: Plugin name to My YouTube Channel to resolve Misusing trademarks – The Display Name
• Change: Text Domain to wpau-yt-channel to resolve Misusing trademarks – The URL
• Improve: Code improvements and simplification
• Deprecated: Remove general settings export to JSON as now we have Site Health info
• Add: Support for YouTube Handle
• Add: General option to prevent YTC Widet Preview gets rendered in Block Editor

3.0.12.1 (20210227)

• Tested: WordPress 5.6.2 on PHP 7.4.15 and 8.0.2
• Add: compatibility with PHP 8
• Add: conditionally hide not applicable options in widget settings form
• Change: Lowest supported PHP version increased to 5.6
• Improve: Readme, Installation (Step-by-Step instructions for obtaining YouTube Data API Key v3), FAQ

3.0.12 (20201107)

• Add: link video title to YouTube playback page opened in new tab/window
• Cleanup: remove deprecated parameters theme (themelight), showinfo (noinfo, hideinfo)
• Improve: code for widget
• Add: widget parameter skip
• (20201014) Add: shortcode parameter skip to skip requested number of items