banner



How To Make Youtube Video Embed Responsive

Practise you lot want to embed responsive YouTube videos on WordPress? Y'all're on the right runway.

Cross-promoting your video content to your website is a neat fashion to get more subscribers. Adding your YouTube feed to your site also helps you reach more customers and go alee of the competition.

Over 500 hours of video is uploaded every minute to YouTube, after all.

Simply the instructions for embedding responsive YouTube videos on WordPress can exist disruptive. Especially if you're non tech-savvy.

So in this article, you'll learn the simplest way to add responsive YouTube videos to your site. Past following this tutorial, you lot tin display your responsive videos on WordPress in just nether 5 minutes!

embed responsive youtube video wordpress example

Ready? Let'southward begin.

Means to Embed Responsive YouTube Videos

As mentioned, adding responsive YouTube videos to your website can be hard, especially if you don't take whatever coding noesis. And then, some of the methods for embedding responsive videos may be too overwhelming and tricky to follow.

1. Copy a YouTube video'southward embed code, paste it into your website and manually edit code snippets to make your video responsive.

two. Utilise a trusted WordPress plugin to embed responsive YouTube videos for you — automatically.

The 1st method isn't fit for beginners since it involves multiple websites and lots of confusing code that you'd need to tweak. Doing this can as well accidentally intermission your site because yous're pasting the code directly into your WordPress.

embed responsive youtube video wordpress no code

Plus, information technology's complicated to customize your YouTube video'due south settings if you lot apply the 1st method because you'd need to change code snippets once again. There's too no support squad to concur your hand during the whole process.

Merely if you utilize a WordPress plugin to add together responsive YouTube videos to your website, youwon't have these issues anymore.

With the help of the best YouTube plugin for WordPress, Feeds for YouTube, y'all can easily:

  • Embed fully responsive YouTube videos on your website
  • Display your YouTube aqueduct, playlists, and fifty-fifty favorites in different layouts
  • Customize how your videos and videos feed will expect like with just a few clicks
  • Control the data y'all bear witness in your YouTube videos
  • Add multiple YouTube videos to WordPress in just under v minutes
  • Create custom YouTube feeds using advanced YouTube search queries

embed responsive youtube video wordpress plugin

The all-time part? You tin can exercise all of these without touching any code snippets or hiring an expensive programmer to help you. You lot tin easily embed responsive videos on your website —no technical knowledge needed.

And if you're worried most the plugin slowing down your website, then yous don't need to be. Information technology'southward built with its users in heed, so Feeds for YouTube Pro is designed to beultra fast.

And did we mention that the plugin comes with admission to the world's best client back up squad? Don't only take our word for it — check out the testimonials from happy customers:

feeds for youtube support

Excited to see your business abound via video marketing? We'll show y'all how to embed responsive YouTube videos to your website using the easiest way beneath.

Easiest Way to Embed Responsive Videos

With the help of the plugin, you can easily display responsive YouTube videos to your WordPress, even if you don't have any technical knowledge. Just follow the steps below to get started.

Step i: Install Feeds for YouTube Pro Plugin

Get-go, get your ain copy of Feeds for YouTube Pro plugin here.

After downloading the plugin, the next step is installing it to your WordPress website. You tin can follow these step-by-step instructions on how to install a WordPress plugin for your guidance.

Footstep 2: Connect Your YouTube Account

Next, click the Feeds for YouTubemenu y'all can observe in your WordPress dashboard.

Nether theConfiguretab, click on the bluishConnect to YouTube to Create a Feedpush button so you can link your YouTube account to the plugin.

Click the blue button to connect your youtube account

On this folio, you tin can also create an API key to access more helpful features of the plugin. For more details on how you can do this, just follow this step-by-step tutorial on how to create and employ an API Key.

Once you're washed connecting your YouTube business relationship to the plugin, you tin move on to the next step below.

Step 3: Choose Your YouTube Videos' Feed Type

Using the plugin, you can select from different feed types where your videos will be sourced from.

It doesn't thing which feed type yous choose. The plugin will automatically make your videos responsive so they'll look great on whatever device and screen size.

That said, here are the 6 feed types you can choose from:

  • Channel: Add responsive videos from a specific YouTube channel.
  • Playlist: Add responsive videos from your chosen YouTube playlist.
  • Favorites: Embed responsive videos marked every bit "favorites" by your chosen YouTube channel.
  • Search: Display responsive YouTube videos based on specific search words or phrases.
  • Live Streams: Add responsive videos of upcoming or existing YouTube alive streams.
  • Single Videos: Brandish responsive YouTube videos individually.

In this tutorial, we'll evidence responsive YouTube videos from WPBeginner's YouTube aqueduct. So click thechannelfeed blazon to source the videos from this specific channel.

embed responsive youtube video wordpress channel

Then, merely go to the YouTube channel's page yous want to embed and cheque out its URL. The characters afterward "channel/" is the aqueduct'southward ID or username. Copy and paste it into the channel ID field.

find youtube channel ID

Remember to click onSalvage Settingsto preserve your choices. Then, move on to the next footstep below.

Stride iv: Customize Your Responsive YouTube Videos Feed

The plugin can automatically display a feed of responsive YouTube videos with minimal effort on your role.

Since it copies your existing theme's design, your feed looks consistent with your brand's visuals. Plus, because the plugin automatically makes your videos responsive, they await fantastic on whatsoever screen.

And if you lot want to have more control over how your videos feed looks like? No worries. The plugin too lets you lot have full control over your feed's pattern, color and layout.

To start, roll to the topmostoffice of your settings folio. So, click on the Customizetab. On this page, you lot tin can modify your feed'south width, pinnacle and background color with merely a few clicks.

embed responsive youtube video wordpress customize

At present, if you lot want to alter your feed'due south layout, you tin can practise this also. Simply ringlet down until you lot reach thelayoutsection.

embed responsive youtube video wordpress layouts

Choosing thefiligreelayout, for example, displays your responsive YouTube videos in an organized grid with uniform thumbnails.

embed responsive youtube video wordpress grid

Interested in a layout that displays 1 large video with several thumbnails below? Then a YouTube gallery is your best choice.

embed responsive youtube video wordpress gallery

For a more minimalist design, yous can select thelistlayout to brandish your responsive YouTube videos in a single column.

embed responsive youtube video wordpress list

Finally, if you want to show your responsive YouTube videos in a scrolling format, you lot can apply thecarousellayout. Here'southward what a YouTube slideshow looks like below:

embed responsive youtube video wordpress carousel

Once you're done selecting your responsive YouTube feed's layout, click on Relieve Changesto finalize your option.

Scrolling farther downward to the Info Display section gives y'all more options to customize how your feed looks similar, and what type of information you cull to display.

embed responsive youtube videos info display

When you're happy with your feed's design, click onSave Changesand move on to the final footstep beneath.

Step 5: Embed Responsive YouTube Video Feed on Your WordPress

With the plugin'southward help, you can add a responsive YouTube video feed:

  1. To your page or post in WordPress, or,
  2. To your sidebar or other widget-gear up areas in WordPress

Permit'due south look at both options.

Embed Responsive YouTube Videos on WordPress Page

Start past creating a new folio. You lot can do this by going to Pages » Add together New from your WordPress dashboard.

add new page

If y'all're using the archetype WordPress editor, and so just copy this shortcode and paste it into your editor: [youtube-feed]

paste your youtube feed shortcode directly into the classic WordPress editor

Click onPreviewto encounter how your videos will look like on your website. And if you want to brand it live on your site, so click onPublish.

Now, if you're using the cake editor, the plugin has a set up-fabricated widget for you lot. You tin access it by clicking the Plus (+) icon inside your editor. And then, search for "youtube" and click the Feeds for YouTube block to add it into your folio.

embed responsive youtube video wordpress block

Doing this automatically gives you a preview of what your responsive YouTube videos feed will look similar embedded on your page.

To make the responsive videos feed alive on your website, click on Publish.

Embed Responsive YouTube Videos on WordPress Sidebar

If you'd rather embed your responsive videos on your sidebar, you lot can do that with the plugin as well.

From your WordPress dashboard, navigate to Appearance » Widgets. Then, underAvailable Widgets, click on theYouTube Feed widget and drag it to your sidebar area. Finally, click onSalveto publish your YouTube videos on your website.

embed responsive youtube video wordpress widget

So, when you visit your website, yous can see your responsive videos embedded on your sidebar expanse:

embed responsive youtube video wordpress example

And so, that's it! Now, by post-obit the steps in this tutorial, yous know how to easily embed responsive YouTube videos on your WordPress.

With the help of Blast Balloon's powerful and easy-to-use Feeds for YouTube plugin, you can create fully customizable and responsive YouTube video feeds and displays them on your website.

So, what are you waiting for?

Get started with Feeds for YouTube here.

Looking for more ways to heave your YouTube channel? Then check out our guide on how to promote your YouTube channel on Facebook.

Also, if you establish this guide helpful, go alee and follow us on Twitter and Facebook for more than useful YouTube tutorials.

Source: https://smashballoon.com/how-to-embed-responsive-youtube-videos-on-wordpress/

Posted by: weaverkess1936.blogspot.com

0 Response to "How To Make Youtube Video Embed Responsive"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel