WordPress + Youtube The Ultimate Guide

WordpressYoutube

 

Wordpress youtube embed

WordPress youtube embed

YouTube videos are a great way to enliven your site. Here’s how you can easily use them in your posts and pages, as well as in your widget areas and in comments you leave.

Watch the video below for a quick overview of how it works, and read below for more examples and settings.

Embedding with a URL

To quickly embed a YouTube video, simply copy the video’s URL from your web browser’s address bar while viewing the video:

Paste it on a line by itself in your Visual editor as you draft your post or page (make sure that it is not hyperlinked).

We take care of the rest! You will see the video when you preview or publish your post (or page):

Note: You must use the full link, not a shortlink, for the video to be embedded.

Embedding with a Shortcode

To customize the video’s size and settings, use a shortcode. You can do this by copying the video URL:

Then create a shortcode using the format below. Be sure to replace the URL listed here with the URL of your video, and that the code is on a line by itself.

Note: The shortcode will not give you a preview of the video in your editor, you will need to preview or publish your post first.

[youtube https://www.youtube.com/watch?v=WVbQ-oro7FQ]

Embedding a Playlist

You can also embed a YouTube playlist instead of a single video. Simply copy the playlist’s URL from your web browser’s address bar while viewing the playlist:

Be sure to copy the full URL, including &list=… at the end. That copies the entire playlist instead of a single video.

Then, paste it on a line by itself in the Visual editor of your post or page (to embed with a URL) or create a shortcode using the format below. Be sure to replace the URL listed here with the URL of your video, and the code is on a line by itself.

[youtube https://www.youtube.com/watch?v=_mDxcDjg9P4&list=PL-edf9crl0NaavjRedvfFFhMvOTvFpDVI]

The playlist will look like the one below — you can preview it even before publishing the post:

Video Customization Options

You can specify the width and height of the embedded video by adding &w=... or &w=...&h=...to the shortcode. It will automatically adapt to your theme’s content length and give you preferred dimensions.

You can restrict related videos to only show videos from the same channel by appending &rel=0. YouTube does not offer an option to disable related videos entirely.

For example, this shortcode:

[youtube https://www.youtube.com/watch?v=_Oh12ROTQCE&w=640&h=385]

produces this video, which is wider than the default embed without custom width and height settings:

More Examples:

These are the optimizations that we currently support:

Adding to your Sidebar/Footer

Depending on the location of your theme’s widget areas, you can also embed YouTube videos in your sidebar or footer by copying and pasting the shortcode into a Text Widget. You will need to use this format:
[youtube https://www.youtube.com/watch?v=_Oh12ROTQCE]

Comment Embeds

If you want, you may also embed YouTube videos when you leave comments on any WordPress.com site. Simply grab the URL of any YouTube video and paste it directly into the comment field:

Once your comment is posted/approved, you will be able to watch the video directly from the comment area.

Troubleshooting

For information about troubleshooting YouTube embed links, take a look at our Troubleshooting Embed Links doc.

Streaming a Live Broadcast with YouTube

You can stream a live broadcast using YouTube and the Google Hangouts On Air feature, and embed the stream during or after the event on your WordPress.com site.

In order to create a Live Stream on your site, you’ll need to start at YouTube by enabling Live Events on your settings page.

From the YouTube Dashboard, click on Channel > Live Events > Enable. Your account must be in good standing to enable live events, subject to YouTube guidelines.

Screen Shot 2014-07-29 at 2.09.48 PM

Once you have enabled Live Events, you can initiate a new stream by going to Video Manager > Live Events > Schedule New Event

The video must be given a Title to proceed, and you should set the privacy setting as well. You can embed a stream set to Unlisted or Public on your page, however a stream set to Private will show only a blank video.

Once you have filled in the information and selected a privacy setting, click Go Live Now. A separate window will appear and the Google Hangouts Live page will load. This may take some time depending on the speed of your connection.

When the green Start Broadcast buttons appears, you are ready to start streaming. At the bottom right click Links and then copy the YouTube Page link from the box.

cloudup-C2AA7ADB-ACB9-4895-ACEF-3BDDDC372D24

Next, go to your WordPress.com page or post where you’d like this video to appear. Paste the link onto it’s own line (do not use the link button on the toolbar), and when you are ready, click Publish.

Now you can begin the broadcast, and users can click play on the embedded video on your WordPress.com site to stream the event. The broadcast is on a brief delay, and users may need to wait a moment and/or refresh the page to start the stream once you are live.

Once the event is over, the video will remain in place and can be replayed by visitors in the future. If you prefer not to have the video online after the live event, you can set the event to Private at YouTube, or simply remove the link from your page on WordPress.com.

Best WordPress youtube plugin to Improve User Engagement

1. YouTube Embed Plus Freemium WordPress Plugin

YouTube Embed Plus Freemium Youtube WordPress Plugins

YouTube Embed Plus is one of the most popular YouTube plugins with over 200,000+ active installations. With this plugin, you can create YouTube channel or playlist galleries with multiple customization options. Add auto play, automatically embed live streams, customize video start settings, create functional accessibility evaluation (FAE) ready content and more.

Feature Highlights:

  • Create responsive YouTube channel and playlist galleries
  • Add channel subscription button to the ones above gallery thumbnails
  • Localization support
  • Pro version supports lazy loading of YouTube videos

2. Essential Grid Premium WordPress Plugin

Essential Grid WordPress Plugin

If you want to integrate a grid of your YouTube videos one of the best YouTube WordPress plugins for the job that the Essential Grid. This all-in-one grid building solution for your WordPress website makes it easy to integrate YouTube videos on any post or page as a styled grid (along with other content formats such as blog, pricing, portfolio, sliders, etc). The plugin also includes a live skin editor so you can quickly edit the look of your YouTube media grid composition, layout, colors and more.

Feature Highlights:

  • Supports Youtube, Vimeo, self-hosted video, iFrames, images, posts, pages, custom post types, WooCommerce, and galleries
  • Visual skin editor
  • Built-in animation types and pre-loaders
  • Responsive & mobile optimized
  • Premium support

3. Visual Composer YouTube Cannel with Carousel Premium Plugin

Visual Composer YouTube Cannel with Carousel WordPress Plugin

With this plugin it’s easy to add your Youtube Channel into any post or page using the popular WPBakery page builder. The Visual Composer YouTube Channel with Carousel adds new modules for you to insert a customizable channel feel. Add a recent videos grid, create a list of your top content or even add a video carousel to make it easier for visitors to your site to browse your content.

Feature Highlights:

  • WPBakery Visual Page Builder Extension
  • Grid or carousel layouts
  • 7 Pre-defined styles
  • Fully customizable styling
  • Masonry & fit row settings
  • 132 Element animations
  • Infinite scroll, load more or traditional pagination
  • Compatible with the Total WordPress Theme

4. YouTube Showcase – Video Gallery Free WordPress Plugin

YouTube Showcase Video Gallery Free Plugin

YouTube Showcase enables you to build responsive gallery pages filled with YouTube videos. You can build a video gallery page where the subsequent videos are shown below the original video with pagination. You can also build a video grid gallery where the videos are shown in a four-column grid layout. This plugin is great for showcasing multiple related videos such as an online course, how-to video series and product demo and application videos.

Feature Highlights:

  • Ability to build two separate video galleries – basic video gallery and video grid gallery
  • Set custom the thumbnail aspect ratio of videos – choose either 16:9 or 4:3
  • Sidebar widgets to showcase recent and featured videos
  • Pagination option available for longer video series

5. Yottie YouTube WordPress Gallery for YouTube

Yottie YouTube WordPress Gallery for YouTube

Yottie is a premium plugin to integrate your YouTube channel with your WordPress blog. With more than 100+ adjustable parameters for setting up your youTube feed, multiple pre-styled color schemes and 16 languages currently supported the Yottie plugin is a great fit for just about any vlogger. Plus it’s compatible with the popular Visual Composer page builder so you can easily design a custom page layout with your video feed included.

Feature Highlights:

  • Supports YouTube, Vimeo and Dailymotion
  • Build highly customizable video galleries
  • Innovative add-ons such as playing private Vimeo videos
  • Choose from self-hosted or cloud-hosted solution. Latter one supports multiple platforms and includes access to all add-ons and features

6. Flow Flow Social Stream Premium WordPress Plugin

Flow-Flow Youtube Social Stream

Flow-Flow is one of the top social stream plugins for WordPress, and best of all it supports multiple video sources – Youtube, Vimeo and even Instagram. This plugin is a quick and easy way to add you recent videos to ant post or page. Just sync your account then add your YouTube channel stream with the included shortcodes (or Visual Composer page builder element). That’s it! All of your new videos will be automatically added to your WordPress site when you post them.

Feature Highlights:

  • Integrate videos from YouTube, Vimeo and Instagram
  • Supports all major social networks (YouTube, Facebook, Twitter, etc)
  • Compatible with the Visual Composer page builder plugin
  • CSS3 Transformations and lightbox galleries
  • Responsive design
  • Translation ready

7. Youtube Video Gallery for Visual Composer Premium WordPress Plugin

Youtube Video Gallery for Visual Composer Premium WordPress Plugin

The YouTube Video Gallery plugin was specifically created as an add-on for hte WPBakery Visual Composer page builder (which means it’ bea a great compliment to any Visual Composer compatible theme, like Total). With this plugin you can quickly and easily insert individual videos, channel feeds or even your playlists. There are built-in options for columns, pagination, grid style, lists, carousels, image cropping, likes counters and much more.

Feature Highlights:

  • Add-on for the WPBakery Visual Composer
  • Built-in advertising options
  • Responsive and retina ready
  • Grid and pagination customization options

8. Hide YouTube Related Videos Free WordPress Plugin

Hide YouTube Related Videos Free WordPress Plugin

In most cases, we want our visitors to view the product video and then scroll down to read the actual content – which could be the blog post, or the landing page copy. Correct?

However in WordPress, YouTube videos are embedded using the default oEmbed solution. In which case, YouTube ends up showing related videos after the original video finishes playing. This tends to distract the users by showing them funny cat videos, right after they’ve seen your Long Tail SEO product pitch video. (I’m speaking from personal experience haha!)

We really don’t want that now, do we? Hide YouTube Related Videos stops that from happening by preventing YouTube oEmbed from showing related videos.

Feature Highlights:

  • Prevents related YouTube videos from showing up after original video is played

Note: Sometimes, when you upgrade the plugin it might not work due to some caching issue. A simple fix is to manually deactivate and re-activate the plugin. This clears the cache, and it starts working again.

9. YouTube Embed Freemium WordPress Plugin

YouTube Embed Freemium WordPress Plugin

YouTube Embed WordPress brings you tons of enhancements and customization options when embedding YouTube videos to WordPress.

For starters, you can embed videos in post, pages and custom post types. You can also get creative and embed YouTube videos in widgetized areas such the site header, custom sidebars and footers (although I cannot think of a website that would use a video in its footer! Can you?)

The premium version of the plugin includes features such as hiding related related videos from showing up at the end of the video, setting options for individual videos, etc.

Feature Highlights

  • Display videos in posts, pages, custom post types and widgetized areas
  • Configure default options such as player dimensions, fullscreen, annotation and caption options
  • Customize player progress bar colour for brand consistency

10. Youtube Widget Responsive Free WordPress Plugin

Youtube Widget Responsive Free WordPress Plugin

So far in this post of the best YouTube WordPress plugins we’ve been sharing plugins that enable you to embed YouTube videos in your WordPress site. If you’re looking to display YouTube channel or videos in your sidebar only then this free YouTube Widget is the plugin for you.

The plugin adds a custom YouTube widget to your site so you can easily insert your videos into your sidebars or footer in just a couple clicks. Plus there’s a simple shortcode you can use to insert your videos into posts or pages if you so choose.

Feature Highlights:

  • Widgets and shortcode insertion options
  • Control bar theme and progress bar color settings
  • Enable video tracking for analytics
  • Add custom descriptions

11. Youtube Videos To WordPress Posts Premium WordPress Plugin

Youtube Videos To WordPress Posts Premium WordPress Plugin

Are you primarily a YouTuber, but want to promo your videos on your own blog? No problem! The YouTube Videos to WordPress Posts plugin will automatically import your latest YouTube videos to your WordPress site as posts. Import videos according to user, channel, id or custom query. You have the option to either bulk import, paginate or schedule to keep your WordPress posts up to date with your channel.

Feature Highlights:

  • Automatically create WordPress posts from your YouTube videos
  • Bulk import or schedule
  • Supports all WordPress video embeds (YT, Jw, etc)
  • Check for broken or removed videos
  • Supports video rich snippets

12. YourChannel: YouTube Channel Free WordPress Plugin

YourChannel: YouTube Video Gallery Free WordPress Plugin

YourChannel will help you display a customized version of a YouTube channel in WordPress. To get started, you’ll need to obtain your copy of YouTube API key, username and channel ID and save them in the plugin’s settings. Then, you can configure multiple configuration settings such as using a lightbox video player or enabling/disabling features such as displaying banner image, playlists, total videos, views, and many more.

Feature Highlights:

  • Ability to selectively display multiple elements such as channel info, subscriber/video count, playlists, channel banner image, etc.
  • Visual builder that works with a shortcode
  • Display video thumbnails in seven different styles, all of which are responsive

Wrapping up the Best YouTube WordPress Plugins

What makes a good YouTube WordPress plugins? Well, to answer that question, you would have to ask “What is it that I need?” Different people have different requirements from a particular type of product. That’s why there are more than 10+ YouTube WordPress plugins actively developed under the “YouTube for WordPress” category.

Hopefully you’ve found our list of the best YouTube WordPress plugins helpful. Just take a minute to choose the right plugin for you. I would strongly recommend not choosing a plugin with ten features, out of which you’ll be using only one. Write down what is it that you’re trying to achieve with the plugin. Once you’ve settled on your requirements, go through the list and select a plugin that meets your criteria.

WordPress youtube shortcode

Youtube shortcode

A really simple and very lightweight plugin to embed customized Youtube videos & playlists anywhere in your blog or website using wordpress shortcodes.

Documentation, live demos and support

All documentation and demos are located at the plugin website.

The plugin website is proudly powered by WordPress and nearly all posts show a live demo so you can check how Youtube videos behave under every scenario/configuration such as:

  • Window resizing (resize the browser window to check how “fluid” videos adapt to fit)
  • Mobile viewing (visit the website with your mobile and check how videos look)
  • RSS viewing (subscribe to the feed and check how videos look in your RSS reader)
  • Different parameters for the Youtube player

What’s more, I’ve added Uservoice feedback so you can share your ideas and issues. I want to hear from you. You can also post comments on every article.

I’ve moved all documentation to a website because I think it’s great to have a real WordPress environment set up and running with a working version of the plugin (latest) and a live demo for every piece of documentation.

Features:

  • Supports all official YouTube player customization parameters and respects Youtube’s default values: Youtube official documentation. You can override any default value.
  • Supports TinyMCE editor button (1.7+ version) to make it easier for you to customize the Youtube video player (auto-inserts the shortcode).
  • Supports RSS readers, Mobile browsers and fluid/elastic layouts.
  • Supports automatic calculation of video height. Just set the Youtube player width and omit the height parameter in the shortcode. There’s no need to set a height manually to get the perfect height.
  • Supports automatic localization of Flash videos (“old embed code” only). This plugin detects the visitor’s preferred language to set the default language of the Youtube player UI & the video’s captions/subtitles (otherwise en_US would be set by default for every visitor).
  • Supports normal Youtube URLs, short Youtube URLs, embed Youtube URLs and Youtube’s video ID as value for url parameter.
  • Supports setting a different “title” attribute for each Youtube video (useful for SEO & Accessibility).
  • Supports both the deprecated Youtube AS2 Flash player and the new iframe player (AS3 Flash or HTML5). This plugin uses Youtube’s new embed code (iframe: AS3 or HTML5 player) by default but optionally you can use the deprecated AS2 player (Flash only). The new embed code (iframe) will take care of the environment capabilities. This way you know your video will work on most devices, including mobile devices (that have Adobe’s Flash 10.1 installed or support CSS, iframes and basic Javascript) and RSS readers.
  • Supports web browsers with no Javascript support or with Javascript disabled. If a web browser does not support Javascript or Javascript is disabled, Youtube’s new embed code will not work. In that case this plugin will try to show the Youtube video using Adobe’s Flash (If Flash is not installed or enabled, the plugin will show the user what to do).
  • Developer friendly: wp-content directory can be renamed or moved safely to a different location. For more info read Moving wp-content
  • Tested on IE 6+, Firefox 2+, Opera 8+, Safari 3+, Chrome 5+, iOS & Android (Webkit mobile), Opera mobile, Firefox mobile (Fennec) and RSS readers (such as Google Reader and NetNewsWire).

Roadmap

In version 1.9 I’ll develop a settings page so that you can store configuration defaults for every wordpress youtube video.

WordPress youtube embed not working

Alright, I did some more digging and found out that the latest change is usually a working alternative to do_shortcode but can have unwanted side-effects, because a lot of plugins use the the_content filter. Calling it more than once can cause problems. I will undo this change and go with do_shortcode again.

I did also some more research about how do_shortcode exactly works. You can use the following code snippet to find out which shortcodes are available at a certain point in your code:

global $shortcode_tags;
print_r($shortcode_tags);

The result is eye-opening; all shortcodes are available, except ……

</code>. The reason is that embed is not a regular shortcode. Check here for more details if you’re interested: <a href="https://wordpress.stackexchange.com/a/23213" rel="nofollow">https://wordpress.stackexchange.com/a/23213</a>

So in short:
– Do shortcode works for all shortcodes except embed
– Embed only works with <code>the_content</code> filter
– Using <code>the_content</code> cannot be used because it breaks the design
– Hence we will continue to use <code>do_shortcode</code>, but embed won’t work

You can go ahead and test different shortcodes with version 1.1.1. It
works like a charm; only embed doesn’t. This is a pity, but I don’t
have a solution for this right now. Sorry about the bad news. If I ever
find something, I’ll let you know.

You could make your own embed delegate shortcode and call the embed
functions if you like. It wouldn’t take much. Some along the lines as
follows:
<pre><code>add_shortcode('my_embed', 'my_embed_callback');
function my_embed_callback($atts, $content = null) {
if ($content) {
global $wp_embed;
return $wp_embed->run_shortcode("$content

");
}
}

Then you could use it like this:
[my_embed]https://some.url/abc[/my_embed]

Not pretty, but it would work.

 

Our Reader Score
[Total: 0 Average: 0]

Author: Webcarousel_admin

Hi, I started creating websites as being very young, so I have more than 10 years of experience and I want to share with you all the tips you can take to complete your website or get an idea of it.

Leave a Reply

Your email address will not be published.