Displays the current YouTube live video from a specified channel.
Displays the current YouTube live video from a specified channel via the shortcode [youtube_live]
.
Your YouTube livestream must be set to “Public” or it will not work. This is a security feature of YouTube’s API and unfortunately there’s no way to work around it.
In addition, your live stream must be set to allow embedding on third-party sites. If that feature is unavailable, you may need to enable monetization for your account. See YouTube documentation for more information or help with allowing embedding.
If no live video is available, you can display a specified video or a “channel player” showing all your recent videos.
You can also enable auto-refresh to automatically check for a live video every 30 seconds (warning: will increase server load, so use with caution).
By default, the server will check YouTube’s API and then cache that response for 15 minutes before checking the API again (you may change this value in the admin settings). If auto-refresh is enabled, clients will check against your server every 30 seconds and likely will hit that cache as well, so it can potentially take up to 16 minutes before a client will get a live video.
The length of both caches can be changed using the wp_youtube_live_transient_timeout
filter (see below for more information).
If no live video is available when a page is loaded, several fallback options are available:
When a video ends, users’ browsers will check your server again to see if a live video is available. If so, it will load that; if not, it will fall back as set in your options.
width
: player width in pixels; defaults to what you set on the settings pageheight
: player height in pixels; defaults to what you set on the settings pageautoplay
: whether or not to start playing immediately on load; defaults to falseauto_refresh
: (either true
or false
) overrides the auto-refresh setting on the settings pagefallback_behavior
: choose from the following: upcoming
, completed
, channel
, playlist
, video
, message
, no_message
upcoming
: the next upcoming scheduled video on the specified channelplaylist
: a specified playlist (shortcode must also include the fallback_playlist
attribute)video
: a specified video (shortcode must also include the fallback_video
attribute)message
: a specified messageno_message
: nothing at allfallback_playlist
: a playlist URL to show when there are no live videosfallback_video
: a video URL to show when there are no live videosfallback_message
: a message to show when there are no live videosjs_only
: (either true
or false
) workaround for some caching issues; if a caching plugin (W3 Total Cache, WP Super Cache, etc.) or proxy (CloudFlare, etc.) caches the HTML while a video is live, visitors may continue to see an old live video even if it has ended. If set js_only
is set to true
, the server never displays the player code in the initial request and instead sends it in response to uncached ajax requests. This may also result in the video player being slightly delayed on page load due to the extra request, depending on the clients’ bandwidth and latency.Example shortcode: [youtube_live width="720" height="360" autoplay="true"]
The filter wp_youtube_live_no_stream_available
will customize the message viewers see if there is no live stream currently playing, and takes effect after the fallback_message
shortcode attribute is parsed (if fallback_message="no_message"
is set in a shortcode, it will override the filter). For example, add this to your theme’s functions.php
file:
add_filter( 'wp_youtube_live_no_stream_available', 'my_ytl_custom_message' ); function my_ytl_custom_message( $message ) { $message = '<p>Please check back later or subscribe to <a target="_blank" href="https://youtube.com/channel/UCH…">our YouTube channel</a>.</p> <p><button type="button" class="button" id="check-again">Check again</button><span class="spinner" style="display:none;"></span></p>'; return $message; }
The filter wp_youtube_live_transient_timeout
is available to customize the cache timeout length in seconds. For example, add this to your theme’s functions.php
file to set the cache length to 15 seconds instead of the default 900:
add_filter( 'wp_youtube_live_transient_timeout', 'my_ytl_custom_timeout' ); function my_ytl_custom_timeout( $timeout ) { return 15; }
When a live stream is loaded, the wpYouTubeLiveStarted
event is fired; you can use this to create custom front-end features on your site by adding an event listener:
window.addEventListener('wpYouTubeLiveStarted', function() { /* your code here */ console.log('stream started'); /* your code here */ });
Development of this plugin is done on GitHub. Pull requests are always welcome.
YouTube setup instructions: see this article.
/wp-content/plugins/
directory or install from the Plugins menu in WordPress[youtube_live]
into any post/page to show the live playerThis plugin uses Google’s YouTube Data API to search for in-progress live videos and if one is found, embeds it in the page.
API stands for “Application Programming Interface,” which basically means computer code that is able to talk to other computer systems and get or send information. Most API providers require an API key of some sort (similar to a username and password) to ensure that only authorized people are able to use their services.
When the shortcode is used in a page, your web server makes a request to YouTube’s servers asking for information about the videos in your channel, using your channel ID and API key to authenticate. If you don’t have an API key set up or it’s not authorized for the YouTube Data API, the request will be denied.
For more information on setting up an API key, see the YouTube Data API reference; for purposes of this plugin, you’ll need a “browser key.”
Generally, it can take up to 15 minutes for the streaming page with the shortcode to recognize that you have a live stream, for several reasons:
wp_youtube_live_transient_timeout
filter).In short, there’s a tradeoff between showing the live video immediately and minimizing API quota and server resource usage, and I’ve tried to strike a reasonable balance, while allowing you the ability to tweak the cache timeouts yourself to fit your needs.
Estimated quota usage:
These are estimates; your usage may vary. To see your actual quota usage in real time, visit the API Usage page.
The YouTube quota limit has been tightened down in recent years: as of April 14, 2020, it allows a max of 10 thousand quota units per day. However, you can request a quota increase here.
If your API project has been active for more than 2 years or so, you may have a drastically higher quota limit and can set the transient lower.
I am looking at other ways to accomplish the necessary behavior closer to realtime while remaining within the quota limits.
This plugin stores your channel ID and API token in your WordPress options table, but does not store or collect any other information.
Because this plugin helps you use the YouTube service, you should refer to these documents as well:
show_related
parameter<p>
element.js_only
shortcode parameter to work around some caching issues<iframe
embedno_stream_message
attribute handling for real this timeno_stream_message
attribute handlingno_stream_message
attribute handling