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!
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.
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
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:
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.
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.
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.
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.
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.
Choosing thefiligreelayout, for example, displays your responsive YouTube videos in an organized grid with uniform thumbnails.
Interested in a layout that displays 1 large video with several thumbnails below? Then a YouTube gallery is your best choice.
For a more minimalist design, yous can select thelistlayout to brandish your responsive YouTube videos in a single column.
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:
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.
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:
- To your page or post in WordPress, or,
- 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.
If y'all're using the archetype WordPress editor, and so just copy this shortcode and paste it into your editor: [youtube-feed]
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.
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.
So, when you visit your website, yous can see your responsive videos embedded on your sidebar expanse:
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