{"id":3353,"date":"2021-05-27T13:15:45","date_gmt":"2021-05-27T13:15:45","guid":{"rendered":"https:\/\/colibriwp.com\/blog\/?p=3353"},"modified":"2022-02-25T14:34:04","modified_gmt":"2022-02-25T14:34:04","slug":"how-to-embed-videos-wordpress","status":"publish","type":"post","link":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/","title":{"rendered":"How to Embed Video in WordPress the Easy Way (UPDATED 2021)"},"content":{"rendered":"<p>Videos make a site expressive. Videos give life to website presentations. If an image is worth 60,000 words, a video is worth way much more.<\/p>\n<p>And this is kinda obvious when you realize that in June 2021 TikTok was the most downloaded app for the 4th month in a row! And Youtube has +2 billion users.<\/p>\n<p>What does this mean for you?<\/p>\n<p>That video must be on your to-do list when creating assets for your website and marketing campaigns.<\/p>\n<p>So, let&#8217;s start with learning how to embed videos in WordPress.\u00a0You can embed videos in posts, pages, and sidebars.<\/p>\n<p>Videos can mean a single file, multiple videos in a carousel, and even Vimeo links or YouTube playlists. It\u2019s up to you whether to insert any of these variants into your website, to make it more appealing.<\/p>\n<p>&nbsp;<\/p>\n<h2>Here\u2019s how to embed videos in a WordPress website<\/h2>\n<p>This is no rocket science. It&#8217;s all straightforward.<\/p>\n<p>We&#8217;ll be discussing two types of video embedding:<\/p>\n<ul>\n<li>from external sources such as Youtube or Vimeo;<\/li>\n<li>locally-hosted videos.<\/li>\n<\/ul>\n<p>I&#8217;m going to show you how to embed videos in WordPress both in the Classic and Default editors.<\/p>\n<p>How do you know if you&#8217;re using the Classic Editor or the Default one (also called Gutenberg)?<\/p>\n<p>Well, the Classic one should look like this:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8453\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Classic-WordPress-Editor.jpg\" alt=\"Classic WordPress Editor\" width=\"1100\" height=\"348\" \/><\/p>\n<p>The Default Editor looks like this:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-8454\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Default-WordPress-Editor.jpg\" alt=\"Default WordPress Editor\" width=\"1100\" height=\"468\" \/><\/p>\n<h2>Embedding videos in WordPress from external sources<\/h2>\n<h3>Embed videos in pages or blog posts from an external source in the Classic WordPress Editor<\/h3>\n<p>First, login into your WordPress Admin dashboard with the username and password you set up. Choose the page\/post you want to place your video in, and hit &#8220;Edit&#8221;.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8455\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Edit-a-page-in-WordPress.jpg\" alt=\"Edit a page in WordPress\" width=\"652\" height=\"438\" \/><\/p>\n<p>The embed code is a piece of HTML code that you can add to your website so the content you want to provide to your readers (video) is shown on the page.<\/p>\n<p>Here\u2019s an example of embed code from Youtube. Right-click on the video and a panel with the options above will display. Click to copy the embed code and then paste it into your page.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8457\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/copy-Youtubes-embed-code.jpg\" alt=\"copy Youtube's embed code\" width=\"1129\" height=\"635\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>You can also go below the video and select &#8220;Share&#8221;. You will see some options there such as Facebook, Whatsapp, etc. We are now interested in the &#8220;embed&#8221; option.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8458\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Share-option-via-embedding.jpg\" alt=\"Share option via embedding\" width=\"646\" height=\"297\" \/><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8459\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Choose-when-to-start-the-video.jpg\" alt=\"Choose when to start the video\" width=\"506\" height=\"396\" \/><\/p>\n<p>Here you also have the option to select the moment when to start the video, because you might only want to highlight a certain moment inside of it.<\/p>\n<p>Now, the embed code has the following form:<\/p>\n<p>&lt;iframe width=&#8221;560&#8243; height=&#8221;315&#8243; src=&#8221;https:\/\/www.youtube.com\/embed\/tRmW1Texk3k&#8221; title=&#8221;YouTube video player&#8221; frameborder=&#8221;0&#8243; allow=&#8221;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&#8221; allowfullscreen&gt;&lt;\/iframe&gt;<\/p>\n<p>What&#8217;s great is that you can adjust the size of the video, just try playing with the values for width or size.<\/p>\n<p>Here\u2019s an example of embed code from Vimeo. If you hover over the right-hand side of a video, you&#8217;ll see some icons showing up. Select the one that allows you to share the video.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8460\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Vimeo-embedding.jpg\" alt=\"Vimeo embedding\" width=\"1195\" height=\"501\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Here you have the embed code. Below you&#8217;ll also see some options. If you tick them, the code will change.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8461\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Vimeo-video-embedding-options.jpg\" alt=\"Vimeo video embedding options\" width=\"617\" height=\"889\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Copy the embed code.\u00a0Now, in order to paste it, we will need to switch from the Visual Editor to the Text one.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8465\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Switch-to-the-HTML-WordPress-editor.jpg\" alt=\"Switch to the HTML WordPress editor\" width=\"1434\" height=\"157\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Now, you will see the HTML code behind your page or post.\u00a0 Paste here your code. Now, it can be a bit tricky to understand exactly where to do this. You can use CTRL F to identify a specific phrase after which you want to place the video. You can preview your video when going back to the &#8220;Visual&#8221; editor. If it doesn&#8217;t look ok, place it somewhere else.<\/p>\n<p>If it still doesn&#8217;t look ok, we&#8217;ve got some easier options presented below.<\/p>\n<p>This option with code embed is a good one when you want to make edits to the size of the video as shown above.<\/p>\n<p>Else, you can skip to the chapters about <strong>\u00a0&#8220;Inserting videos from an external source with a link, instead of embed code (the easy way)&#8221;.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h3>Embed videos in pages or blog posts from an external source in the Default WordPress Editor<\/h3>\n<p>For the process of obtaining the embed code, you can check the chapter above.<\/p>\n<p>So, you now have your needed code. What should you do with it?<\/p>\n<p>Form the WordPress dashboard, open your desired page or post.<\/p>\n<p>Simply paste your code here.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8464\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Embed-Vimeo-video-inside-a-WordPress-page.jpg\" alt=\"Embed Vimeo video inside a WordPress page\" width=\"1086\" height=\"712\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Inserting videos from an external source with a link, instead of embed code (the easy way) in the Classic Editor<\/h3>\n<p>Start by opening your desired post or page.<\/p>\n<p>Now, you can either:<\/p>\n<ul>\n<li>paste the URL of your video<\/li>\n<li>go to Add Media -&gt; Insert from URL and paste your URL.<\/li>\n<\/ul>\n<p>With this option, you can not adjust the size of the video.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8468\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Add-media.jpg\" alt=\"Add media by URL\" width=\"866\" height=\"275\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Inserting videos from an external source with a link, instead of embed code (the easy way) in the Default Editor<\/h3>\n<p>In the Gutenberg editor, you just have to copy URLnk to the video in an empty new block. WordPress will then fetch the embed code and the video files will display on the page:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8474\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Vimeo-URL-pasted-in-the-WordPress-Default-Editor.jpg\" alt=\"Vimeo URL pasted in the WordPress Default Editor\" width=\"553\" height=\"324\" \/><\/p>\n<p>You also have the following blocks available to insert videos:<\/p>\n<ul>\n<li><strong>Video<\/strong> &#8211; you can select here the &#8220;Insert from URL option&#8221;.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8469\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/WordPress-video-block.jpg\" alt=\"WordPress video block\" width=\"539\" height=\"344\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8470\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Add-videos-from-the-Media-Library.jpg\" alt=\"Add videos from the Media Library\" width=\"498\" height=\"148\" \/><\/p>\n<ul>\n<li><strong>Youtube<\/strong><\/li>\n<li><strong>Vimeo<\/strong><\/li>\n<\/ul>\n<p>Now that you have inserted your video, you can make some edits to it if you have some minimum HTML know-how. All you need to do is select the video, and click on the three vertically-aligned dots in the menu above the video. Select the &#8220;Edit as HTML&#8221; option.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8473\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Edit-your-video-as-HTML.jpg\" alt=\"\" width=\"539\" height=\"474\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The menu above the video will also allow you to:<\/p>\n<ul>\n<li>Align the video to the left, at the center, or to the right;<\/li>\n<li>Edit the URL of the video file \u2013 you can replace the video with another file of your selection, any time you open the editor;<\/li>\n<li>Duplicate the video;<\/li>\n<li>Insert a new block before the video;<\/li>\n<li>Insert a new block after the video;<\/li>\n<li>Add the video to reusable blocks and re-insert it into a different post or page.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Inserting locally hosted videos in WordPress<\/h2>\n<p>Now that we know how to embed videos to WordPress from external sources, it&#8217;s time to see how we can use locally hosted ones.<\/p>\n<p>For this, we will be working with the Media Library. You can start by going there from the WordPress Dashboard. When I&#8217;m working with media of any type, I like to bulk upload it, and, just select it from there, whenever I want to place a video or an image on a page or post.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8479\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/WordPress-Media-Library.jpg\" alt=\"WordPress Media Library\" width=\"305\" height=\"65\" \/><\/p>\n<p>When you go to &#8220;Add New&#8221; you can upload or drag and drop your desired files.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8481\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Upload-files-to-the-Media-Library.jpg\" alt=\"Upload files to the Media Library\" width=\"819\" height=\"341\" \/><\/p>\n<p>Now that the files are up, let&#8217;s add them.<\/p>\n<h3>Inserting locally-hosted videos in the WordPress Classic Editor<\/h3>\n<p>It&#8217;s time to go to a page or post.<\/p>\n<p>Place your cursor where you want to insert your video. Next, go to &#8220;Add Media&#8221; next to the upper menu.<\/p>\n<p>If you&#8217;ve previously uploaded your media, you will find here your file. I usually name my files with relevant names so that I can find them easily.<img loading=\"lazy\" class=\"aligncenter size-full wp-image-8484\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/add-media-to-a-page.jpg\" alt=\"add media to a page\" width=\"1010\" height=\"417\" \/><\/p>\n<p>You can filter media by type or date, but also search by name. Just select your needed file and it will be added to your page.<\/p>\n<p>&nbsp;<\/p>\n<h3>Inserting locally-hosted videos in the WordPress Default Editor<\/h3>\n<p>I&#8217;ve mentioned in a previous chapter that there is a block called &#8220;Video&#8221; available in the blocks panel.<\/p>\n<p>Just go to the &#8220;+&#8221; sign in the upper-left and open the blocks panel. Look for the &#8220;Video&#8221; block. Select it.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8469\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/WordPress-video-block.jpg\" alt=\"WordPress video block\" width=\"539\" height=\"344\" \/><\/p>\n<p>Now, you can upload your own video, or you can select &#8220;Media Library&#8221;. You can now pick a video from your already uploaded ones.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8470\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/Add-videos-from-the-Media-Library.jpg\" alt=\"Add videos from the Media Library\" width=\"498\" height=\"148\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>And that was all!<\/p>\n<p>&nbsp;<\/p>\n<h2>Adding videos in WordPress using the Customizer<\/h2>\n<p>Let&#8217;s say you may want to upload a video file to set as a background for the homepage\/inner pages Hero. If you have a flexible theme, you can do this inside the Customizer. You can access it from Appearance -&gt; Customizer.<\/p>\n<p>Here\u2019s how to do this with\u00a0<a href=\"https:\/\/extendthemes.com\/mesmerize\/\">Mesmerize,<\/a>\u00a0a theme that has multiple options and increased customization flexibility:<\/p>\n<ul>\n<li>Open the Customizer. Go to Hero -&gt; Front Page Hero\/Inner Pages Hero.<\/li>\n<li>Go to the subsection Background -&gt; Background Type. Then, select Video as the background type you want to set for your page Hero.<\/li>\n<li>In the list of options for this background type, you have\u00a0 to click on Select Video to upload a self-hosted video into the page background:<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-6031 size-large\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/background-type-1024x340.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/background-type-1024x340.png 1024w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/background-type-300x99.png 300w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/background-type-768x255.png 768w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/background-type.png 1891w\" alt=\"\" width=\"1024\" height=\"340\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>You may also want to include a video file in the content of your homepage\/inner pages Hero. This will add some dynamism to the presentation, capturing users\u2019 attention effectively.<\/p>\n<p>We keep the example of\u00a0<a href=\"https:\/\/extendthemes.com\/mesmerize\/\">Mesmerize<\/a>.<\/p>\n<ul>\n<li>Open the Customizer. Go to Front Page Hero\/Inner Pages Hero.<\/li>\n<li>Go to the subsection Content -&gt; Content layout. Then, select Text with Media to display in the page Hero.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-6032 size-full\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/text-with-media.png\" sizes=\"(max-width: 1018px) 100vw, 1018px\" srcset=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/text-with-media.png 1018w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/text-with-media-300x206.png 300w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/text-with-media-768x527.png 768w\" alt=\"\" width=\"1018\" height=\"698\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-6033 size-large\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-type-video-min-1024x396.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-type-video-min-1024x396.png 1024w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-type-video-min-300x116.png 300w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-type-video-min-768x297.png 768w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-type-video-min.png 1057w\" alt=\"\" width=\"1024\" height=\"396\" \/><\/p>\n<p>In this theme particularly, you have the options to select:<\/p>\n<ul>\n<li>Text with media on left;<\/li>\n<li>Some Text with media on the right;<\/li>\n<li>Text with media above;<\/li>\n<li>Text with media below.<\/li>\n<\/ul>\n<p>Make sure the media type is set to Video.<\/p>\n<p>For video as page content, you have only the option to provide a link to an external video source. This is for optimal performance reasons (see in the next section).<\/p>\n<p>From the dedicated section, Media Box Settings, you can make customizations to the video file:<\/p>\n<ul>\n<li>Vertical alignment of the video<\/li>\n<li>Video Auto Play (when users open the page, the video will automatically start playing)<\/li>\n<li>Mute video (when users open the page and start watching the video, the sound is automatically disabled)<\/li>\n<li>Loop video (when users open the page, the video starts playing; once that video ends, it starts playing again, in a loop).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-6039 size-large\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-box-settings-min-1024x417.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-box-settings-min-1024x417.png 1024w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-box-settings-min-300x122.png 300w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-box-settings-min-768x313.png 768w, https:\/\/extendthemes.com\/wp-content\/uploads\/2019\/04\/media-box-settings-min.png 1459w\" alt=\"\" width=\"1024\" height=\"417\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>It\u2019s better to use externally hosted videos instead of self-hosted ones. Here\u2019s why.<u><\/u><\/p>\n<p>It\u2019s best practice to use externally hosted videos. Here\u2019s why:<\/p>\n<ul>\n<li>Self-hosted videos affect page load speed which is a major drawback in website performance<\/li>\n<li>Externally-hosted videos help to keep server resources at an optimal level<\/li>\n<li>Self-hosted videos, due to decreased page speed, account for a poor user experience.<\/li>\n<\/ul>\n<p>Once you\u2019ve added the video, it\u2019s time to optimize.<\/p>\n<p>We listed below some functions and features you should consider, for video optimization and improved website performance:<\/p>\n<ol>\n<li>Enable lazy loading \u2013 this feature refers to loading the video at the moment it is needed, and not instantly while opening the page. This results in increased page load speed.<\/li>\n<li>Mobile-responsive video \u2013 this allows for videos to display optimally when mobile devices (mobile and tablet).<\/li>\n<li>Autoplay \u2013 this is a feature that allows a video to automatically start playing, when users open a page.<\/li>\n<li>Loop \u2013 the video file is set to play in a loop. That means, once the video file has ended, it starts playing again.<\/li>\n<li>Mute video \u2013 when the video starts playing, sound is disabled; this means the video item will not impede users\u2019 browsing down the page. In case they want to pay special attention to the video, they have the option to unmute it.<\/li>\n<\/ol>\n<p>6. Open video in lightbox \u2013 when users click on the video element in a page, the video will open in a lightbox and start playing. Once the video has been watched, users simply close the lightbox window and continue browsing the page.<\/p>\n<p>&nbsp;<\/p>\n<p>Now that you&#8217;ve learned how to embed video in WordPress, it&#8217;s time to insert videos in your website. Happy customizing!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Videos make a site expressive. Videos give life to website presentations. If an image is worth 60,000 words, a video is worth way much more. And this is kinda obvious when you realize that in June 2021 TikTok was the most downloaded app for the 4th month in a row! And Youtube has +2 billion&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/\">Read more<\/a><\/p>\n","protected":false},"author":6,"featured_media":8489,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[159],"tags":[81],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Embed Video in WordPress the Easy Way in 2021<\/title>\n<meta name=\"description\" content=\"Here&#039;s how to embed video in WordPress. Follow the indicated steps, either for the classic editor or the Gutenberg editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed Video in WordPress the Easy Way in 2021\" \/>\n<meta property=\"og:description\" content=\"Here&#039;s how to embed video in WordPress. Follow the indicated steps, either for the classic editor or the Gutenberg editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"ColibriWP Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-27T13:15:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-25T14:34:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/19199623.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alina Belascu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\",\"url\":\"https:\/\/colibriwp.com\/blog\/\",\"name\":\"ColibriWP Blog\",\"description\":\"WordPress know-how to boost your design skills\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/colibriwp.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/19199623.jpg\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/19199623.jpg\",\"width\":900,\"height\":600,\"caption\":\"A man with easel before screen with video learning how to draw a portrait. Education video, modern teaching tool and interactive learning concept. Violet palette. Vector illustration on background\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#webpage\",\"url\":\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/\",\"name\":\"How to Embed Video in WordPress the Easy Way in 2021\",\"isPartOf\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#primaryimage\"},\"datePublished\":\"2021-05-27T13:15:45+00:00\",\"dateModified\":\"2022-02-25T14:34:04+00:00\",\"author\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311\"},\"description\":\"Here's how to embed video in WordPress. Follow the indicated steps, either for the classic editor or the Gutenberg editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/colibriwp.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Embed Video in WordPress the Easy Way (UPDATED 2021)\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311\",\"name\":\"Alina Belascu\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2020\/09\/119058219_10158647533825351_1768509508910138441_o.jpg\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2020\/09\/119058219_10158647533825351_1768509508910138441_o.jpg\",\"caption\":\"Alina Belascu\"},\"description\":\"Alina is a digital marketer with a passion for web design. When she's not strategizing she's doing photography, listening to podcasts on history and psychology, and playing with her 2 dogs and cat.\",\"url\":\"https:\/\/colibriwp.com\/blog\/author\/alina-belascu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Embed Video in WordPress the Easy Way in 2021","description":"Here's how to embed video in WordPress. Follow the indicated steps, either for the classic editor or the Gutenberg editor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Embed Video in WordPress the Easy Way in 2021","og_description":"Here's how to embed video in WordPress. Follow the indicated steps, either for the classic editor or the Gutenberg editor.","og_url":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/","og_site_name":"ColibriWP Blog","article_published_time":"2021-05-27T13:15:45+00:00","article_modified_time":"2022-02-25T14:34:04+00:00","og_image":[{"width":900,"height":600,"url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/19199623.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alina Belascu","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/colibriwp.com\/blog\/#website","url":"https:\/\/colibriwp.com\/blog\/","name":"ColibriWP Blog","description":"WordPress know-how to boost your design skills","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colibriwp.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#primaryimage","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/19199623.jpg","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/05\/19199623.jpg","width":900,"height":600,"caption":"A man with easel before screen with video learning how to draw a portrait. Education video, modern teaching tool and interactive learning concept. Violet palette. Vector illustration on background"},{"@type":"WebPage","@id":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#webpage","url":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/","name":"How to Embed Video in WordPress the Easy Way in 2021","isPartOf":{"@id":"https:\/\/colibriwp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#primaryimage"},"datePublished":"2021-05-27T13:15:45+00:00","dateModified":"2022-02-25T14:34:04+00:00","author":{"@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311"},"description":"Here's how to embed video in WordPress. Follow the indicated steps, either for the classic editor or the Gutenberg editor.","breadcrumb":{"@id":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/colibriwp.com\/blog\/how-to-embed-videos-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colibriwp.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Embed Video in WordPress the Easy Way (UPDATED 2021)"}]},{"@type":"Person","@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311","name":"Alina Belascu","image":{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2020\/09\/119058219_10158647533825351_1768509508910138441_o.jpg","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2020\/09\/119058219_10158647533825351_1768509508910138441_o.jpg","caption":"Alina Belascu"},"description":"Alina is a digital marketer with a passion for web design. When she's not strategizing she's doing photography, listening to podcasts on history and psychology, and playing with her 2 dogs and cat.","url":"https:\/\/colibriwp.com\/blog\/author\/alina-belascu\/"}]}},"_links":{"self":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/3353"}],"collection":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/comments?post=3353"}],"version-history":[{"count":21,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/3353\/revisions"}],"predecessor-version":[{"id":9947,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/3353\/revisions\/9947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media\/8489"}],"wp:attachment":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media?parent=3353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/categories?post=3353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/tags?post=3353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}