Embed a Video Playlist into your WordPress Website

Jun 15, 2016 | WordPress Wednesday

Kori explains how to embed a video playlist into your WordPress website. This Video Player is great for your WordPress website to have YouTube or Vimeo videos embedded directly into your website. Keep folks on your website longer by embedding your YouTube videos directly on your pages or posts.

Full Video Transcript

Hey, y’all. Welcome to another WordPress Wednesday. Thanks for tuning in. If you’re new to our channel, be sure to subscribe. We have over 200 videos and we produce one of these every single week. It’s all sorts of things all around WordPress (from beginner level to totally some crazy fun advanced stuff)- all sorts of topics too. Stick around. I hope you enjoy this.

This is just going to be a video. I’ve been telling many of you that you need to be having videos on your website. Whether you’re using YouTube or Vimeo, I’ve found an incredible responsive player that you can put on your website and have them all sit there in kind of a cool library. Of course, you don’t need this to embed those videos inside your website. If you’re looking for a really cool dynamic way to display,(maybe a playlist or a group of videos together.)

Check this out.

It’s just $18 over on the Envato Marketplace so it is a premium plugin that you do have to purchase. Of course, you have to be on a self hosted version of WordPress. That means you have to be using the .com version of WordPress. This is the name of it, ‘Video Gallery WordPress Plugin for YouTube, Vimeo.’ Check this out when it comes to what it can look like on your Website.

This specific style here is the skin_pro. The noskin is the player skin type. If you’re looking to do this exact layout, these would be your two settings that you would choose. Of course, if you click play the video’s going to be right here (easily played on your own website.)

As you all know the thing I talk about is, when a video’s on your website people are staying longer. Google is making sure to time that and they’re spending more time on your website. That helps your SEO. That’s exactly why you want them to stay on your website to watch your awesome videos instead of leaving to go over to YouTube to watch those videos. Keep them on your site. This is one of the things that’ll help you do that.

You guys know me if you’ve been watching my channel for a long time now. You know that I have a quote that says “sometimes things are option overload.” I will say that this plugin is just a little bit intimidating initially. This is what it looks like whenever you go load it on to your website. This is what I got it to do in just a matter of minutes. I was able to bring over our YouTube channel. I imported 25 of our YouTube videos from our YouTube channel just in a matter of a couple of clicks. It can also bring over the title dynamically and bring over some of the description. You can change how many characters it brings over if you want to change that up or just illuminate these completely and let the player sit here. This was just a couple of changes that I did.

As you get over here and install it, you’ll have new option on the left side navigation that says Video Gallery. Clicking on that. Thankfully, these developers of this plugin give us a couple of samples. That get’s you started off really quickly. You’ve got 5 or 6 different samples that sit here in your dashboard. You can (if you want) just kind of manipulate those and see how it works on your own website. What I did was just come in here and choose YouTube User Channel. I went ahead and put in our YouTube username. I said how many videos I wanted to bring over. The max can be 50. It gives you your options that you can start to scroll through here and see how to make some changes to things. You can just play around with this. Easily just go through each one of these options. Tinker around and play around. There’s your social media options. There’s your design options for your colors. There’s your description options if you want the title brought over and the description brought over.

All sorts of different things that you just toggle through. Take your time reading through each one and set the settings. Right away it was actually really simple user friendly to use. I was a little intimidated myself when I opened it up. I thought, “good God where do I even start?” Just read through each one. It’s very simple to use. Here’s the fun thing though, I just went in and grabbed the embed code. If you click here, this is the one I’m using right now and editing. I can click embed and it pops up this little model here that allows me to highlight the short code, copy it on to my clipboard and then go over on my page that I want to post it into. I’m using a test page here for now. You just paste it in there just like a short code- you paste it in the page.

You also have these options here that you can add in the gallery that way. Click update and that’s what it looks like. It plays through on your site. Of course, it’s fully responsive. This sits as far wide as your page allows the content to sit. I have a sidebar running right here on the right side. This is going to stop right there and that’s going to also adjust your height. Check this out. As I shrink down the page (watch how the mobile nav) now my other options for the additional videos to watch scroll left to right which is pretty spectacular when it comes to a cell phone or an iPad user experience. Of course, it’s all clickable and playable.

How crazy is that y’all? Not bad for an $18 investment. Really. Truly. I was pretty impressed with it. Again, a little bit of option overload but it’s still pretty cool- pretty fun. If you’re using videos, you definitely want a way for people to easily navigate those videos on your own website. I can not stress that enough. Be sure that the reviews are still good on this. If you’re watching this video later on down the road, double check that and be sure that you’re running in a WordPress.com version before you go purchase this.

The way you test that out (if you don’t know if you’re running on a .com) if you’re in your dashboard and you see ‘Appearance- Themes’ and you see ‘Plugins’. This plugins area is typically only visible if you’re using the .org version of WordPress (which is the self hosted version of WordPress.)

If your brains are good still, I hope you are going to have a great WordPress Wednesday. Hope it wasn’t too much to take all in. I so enjoy hearing from y’all so leave me something in the description box below. Send some comments, holler out, give us a tweet, I’d love to hear from you.

Have a great one.

Talk to you soon. Bye bye, y’all.