How To Make Youtube Video Smaller On Wordpress
When you embed a YouTube video in WordPress content, it tin help to engage your readers, increase time spent on the page, and provide a better experience for users.
At that place are several ways y'all tin can embed videos into content in WordPress. In this pace-by-step tutorial, we'll take you through each method. Past the end of the guide, yous'll know how exactly to include YouTube videos in your WordPress posts and pages and how to get them looking and working the way you desire.
Method one: Using Cut and Paste to Embed YouTube Videos
Nosotros'll first with the simplest method, which involves but pasting the YouTube video URL into your content.
If you're using the WordPress block editor, it will automatically observe that you've pasted in a video link and volition catechumen it into the advisable cake.
Footstep ane: Copy the video URL
The easiest way to do this is by selecting the entire URL in your browser accost bar and pressing CTRL+C on a PC or Control+C on a Mac (or by right-clicking/clicking with two fingers to bring up the contextual menu and selecting "Re-create".
Yous can also scroll down to just under the video and click the "Share" link. A pop-up volition appear with the URL and links for sharing on social media. At that place'southward besides an "Embed" option merely y'all tin ignore this for at present.
How to Embed a YouTube Video in WordPress Starting at a Specific Time
Handy tip: if you lot use the link from the YouTube Share pop-up, you can choose to start your embedded YouTube video at a particular timestamp.
Just interruption the video at the place you lot want it to start earlier you click the Share link to bring up a pop-upwards with sharing options. And so tick the box side by side to "Start at 2:eighteen" (or whatsoever time you paused the video) before you lot click "COPY" to copy the link. This volition add together a parameter to the URL to start it at the fourth dimension you're paused at.
Step ii: Paste the URL into your content
One time you've copied the video URL, information technology'due south just a example of pasting information technology into your content. Click where it says "Start writing or type / to choose a cake" and press CTRL-P/Command-P or right-click and select "Paste".
WordPress will detect that you've pasted in a YouTube video link and will automatically catechumen it into a YouTube cake.
Method two: Using the YouTube Block
The 2nd fashion to embed a YouTube video in a WordPress mail is past creating a YouTube block yourself.
Step ane: Re-create the YouTube video URL
This method starts in exactly the same way as the copy-and-paste method: Copy the URL of the video y'all desire to embed from the URL bar in your browser or the YouTube "Share" popular-up.
Pace 2: Create a YouTube block
There are ii means to add a new block to your WordPress content. Choose the one you prefer.
You can either click the + icon, which volition bring up a pop-upwardly where you tin browse for or search for a cake blazon.
Click the "YouTube" option to create a YouTube block. You lot may have to search for it if it's non immediately visible.
Or, if you lot adopt working completely via your keyboard rather than clicking your mouse or trackpad you tin can type "/" to bring upward a list of common blocks, utilize your arrow keys to ringlet through to the YouTube option and printing enter to create the YouTube block.
Footstep iii: Paste the YouTube URL
Click where it says "Enter URL to embed here…" and press CTRL-P/Command-P or right-click and select "Paste" to paste the URL into the YouTube block and click the "Embed" button.
Subsequently the video has been embedded, yous'll come across how it will await in your content.
Method 3: Using the Video Block
You can also use the WordPress video block to embed YouTube videos in your posts and pages. In that location'south no reason to use this cake over the YouTube video block, just if y'all have an existing self-hosted video or video from another site that yous desire to modify to a YouTube video, you can edit the cake to insert the YouTube URL instead.
Footstep i: Copy the YouTube URL
Copy the YouTube URL from your browser address bar or from the YouTube "Share" pop-up, exactly as the previous two methods started.
Step two: Find the WordPress video block
Click the + icon and type "video" in the resulting pop-up to find the video block
Step iii: Create a video cake
Click the "Video" option to create a video block. Click the "Insert from URL" option.
Step iv: Paste in the YouTube video URL
Paste the YouTube URL you copied earlier in the field that pops upward and press enter. WordPress will create a YouTube cake displaying the video.
You can also use this method to embed videos from other sites.
Method four. Embedding a YouTube Video with an iframe
At that place'southward another mode to embed YouTube videos into your posts and pages that's a little more technical simply it tin can be an alternative to endeavour if standard embeds aren't working.
You as well have more control over how your video appears with this method if you're happy editing code.
But be aware – embedding videos in this way can conflict with your theme and mess upwardly the formatting of your content. So think of information technology every bit a last resort after you've tried the other ways.
Pace 1: Copy the YouTube embed code
You need more than than the video URL to embed a YouTube video in this way. Luckily, YouTube gives you the lawmaking y'all need.
Discover the video yous want to link on YouTube and click the "Share" link nether the video. Click the "Embed" option.
This will bring upwardly a preview of the video and code for embedding it as an iframe. Click "Copy" to copy the code.
Step 2: Add together a custom HTML block to your WordPress postal service or page
Back in your WordPress dashboard, click the + icon to add together a new block equally in the previous steps.
Search for "Custom HTML" and select the block to add it to your content.
Step 3: Paste the YouTube embed code
Use CTRL-P/Command-P to paste the code you just copied from WordPress into the block.
If you click the "Preview" choice above the lawmaking, you lot should be able to see the embedded video.
Method 5: How to Embed a YouTube Video as a WordPress Sidebar Widget
Y'all can paste YouTube URLs into widgets just every bit you can into folio and post content.
If y'all want to embed a YouTube video in the sidebar, footer, or other location of your WordPress site, you tin can add together it as a widget.
Step 1: Copy the YouTube video URL
Only equally with most of the other embed methods, starting time past finding the video you want to link on YouTube and copying the URL of the video.
Step two: Add together a Text widget to your WordPress site
Become to Advent > Widgets in your WordPress dashboard and drag a new Text widget into your sidebar or any other widget area.
Step 3: Paste the video URL in the text widget
Make certain the "Visual" tab of the master content area is selected rather than "Text". Paste the YouTube video URL in the main content area of the widget.
If the embed works, you should immediately see the video as information technology volition appear on your site.
You tin also add a title for the widget if you wish.
Step 4: Save the widget
Make sure to click the "Salve" button at the bottom of the widget to publish your changes. You should now be able to view the video in the sidebar widget area on the front end of your site.
Method half dozen: Use a WordPress Video Embed Plugin
You don't need to employ a plugin to embed YouTube videos into WordPress. However, plugins can offer extra viewing options and advanced features.
Some plugins y'all might want to try out include:
Embed Plus for YouTube
Embed Plus lets you embed a gallery of YouTube videos from a aqueduct or playlist. Yous can choose from multiple gallery layouts and optionally play videos in a lightbox. You can also embed live conversation and live streams into your WordPress site.
There are too more advanced options for displaying and playing YouTube videos including showing or hiding thespian controls, auto-playing videos, turning on or off captions by default, looping videos, and more.
Cost: Free for basic version, Premium plugin from $39.99
Go Embed Plus for YouTube
Smash Balloon Feeds for YouTube Pro
The Smash Balloon YouTube plugin makes information technology easy to create beautifully styled YouTube feeds on your website with features including video search, custom pause and finish actions, live streaming, and more than.
The plugin includes a Gutenberg block so it'south quick to add YouTube feeds directly from the block editor, and there are a variety of feed layouts and customization options to mode feeds any manner you lot want.
Price: $49
Go Smash Balloon YouTube Feeds
YotuWP Like shooting fish in a barrel YouTube Embed
YotoWP is a video gallery plugin for WordPress that makes it easy to create beautiful galleries for your YouTube videos with options to import multiple videos by playlist or channel.
The plugin is designed for fast loading and easy customization with a option of v thumbnail styles, video light box popups, video gallery layout with big player, thumbnail hover animations, and more than.
Cost: Complimentary for basic features, $21 for premium features
Go YotoWP Video Gallery Plugin
WP YouTube Lyte
If y'all embed several videos into ane of your WordPress content pages, it tin significantly slow down the page. This is because each video loads external scripts from YouTube.
The WP YouTube Lyte plugin allows y'all to "lazy load" YouTube videos and then that the script is only loaded when the video is played. This tin can significantly reduce your page load fourth dimension and speed up your site.
Cost: Gratuitous
Get WP YouTube Lyte
PublishPress Blocks Advanced Video Cake
PublishPress Blocks is not actually a video embed plugin. It's a collection of Gutenberg blocks that you can add to the bones WordPress blocks for extra styling and formatting options for various content types.
The plugin includes blocks for buttons, images, forms, tables, and other content elements as well equally video blocks.
Yous can use the Advanced Video block to embed videos from YouTube and Vimeo. Yous can choose to play videos in a lite box, arrange the video size, and change color settings, and play button style and size.
Toll: $99 including the PublishPress theme and all the PublishPress plugins for scheduling content, and managing authors, permissions, and revisions. This parcel is platonic for improving the content publication procedure for larger sites with multiple authors.
Visit PublishPress Blocks
YouTube Video Embeds FAQ
Which method of embedding YouTube videos is best?
All the first iii methods accept the aforementioned consequence (creating a YouTube block with the embedded video), so you can employ whichever method yous discover easier. (I recommend the bones cutting-and-paste method!)
If yous desire more advanced play controls or brandish options, try one of the video embed plugins for extra video embed features.
Will these methods piece of work with videos on other sites like Vimeo?
Yes. WordPress supports video embeds from sites including:
– Amazon
– VideoPress
– YouTube
– Vimeo
– Animoto
– DailyMotion
– TikTok
– TED
– WordPress.tv
– Cloudup
– Flickr
– Tumblr
If yous paste a video link from whatsoever of these sites into your content or utilise the video block, WordPress will convert it into the appropriate block and embed the video automatically.
How can I write a explanation?
The YouTube cake includes an optional caption. Only click under the video after information technology embeds and blazon over the "Write caption…" prompt.
How can I modify the size of an embedded YouTube video in WordPress
If you click the alignment icon in the toolbar above the YouTube block, you tin can adjust the alignment of the video, which also adjusts its size. Aligning the video left or right will make it smaller.
Still, to have more than command over the size of the video, you'll demand to use a plugin, use the iframe embed method and edit the code to adjust the video size, or use custom CSS to adjust the size.
How to embed using the archetype editor?
These instructions are for using the Gutenberg block editor, only you can utilise the same cut-and-paste method to embed YouTube videos in the WordPress classic editor.
Just copy and paste the URL into the editor in visual view and yous should run across a preview of your video.
Why can't I embed YouTube videos in WordPress?
If your video embed isn't working at that place could be a couple of reasons why.
Outset, bank check the link y'all've copied by pasting information technology into a browser. You can only embed standard YouTube videos with the WordPress YouTube block and you can't link to YouTube channels.
You can also try copying the link from the YouTube Share pop-up if information technology is unlike from the link in the browser address bar.
If you lot're sure the link is correct, try using the iframe video embed method above. Sometimes this method works when the standard video embeds fail.
Sometimes video embeds don't piece of work because the creator has disabled embedding or the privacy settings don't permit sharing. If this is the case, you'll have to discover a different video.
If you can't embed any videos, a plugin might be disabling the embedding feature of WordPress. Attempt disabling your plugins 1 by one to meet if any of them is causing the effect.
Should I upload my own videos to WordPress or YouTube?
While you can upload videos directly to WordPress and host them on your ain site, nosotros wouldn't recommend it in most cases.
Videos take up a lot of disk space and bandwidth. YouTube is optimized for videos so they load fast and there shouldn't be too much buffering as long as your connection speed is reasonable.
If yous host videos on your ain site, they might be tiresome to load, stop playing after a few seconds, or not work at all on some devices. Videos also eat up your server resource and too many requests to your site could slow everything down. Sites hosting a lot of videos usually need to pay large hosting bills for actress service space and bandwidth.
Final Thoughts
I promise this guide helped you to embed a YouTube video on your site. It'southward pretty easy to do in WordPress! Any other questions or tips? Go ahead and leave them in the comments!
Source: https://www.wpkube.com/how-to-embed-a-youtube-video-in-wordpress/
Posted by: ottthelver.blogspot.com

0 Response to "How To Make Youtube Video Smaller On Wordpress"
Post a Comment