{"id":30968,"date":"2022-01-11T05:46:00","date_gmt":"2022-01-11T11:46:00","guid":{"rendered":"https:\/\/wpengine.com\/?post_type=resource&p=30968"},"modified":"2023-10-26T15:28:44","modified_gmt":"2023-10-26T20:28:44","slug":"wordpress-video-embed-how-to","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/","title":{"rendered":"How to Embed Videos in WordPress"},"content":{"rendered":"\n

Embedded video\u2014i.e. those displayed on your website from a third-party hosting service\u2014are big business<\/a>, and compared to simple linked media, there is much more of a benefit from an analytical point of view. For a start, your pages become more sticky, and visitors are dissuaded from navigating away from your site.<\/p>\n\n\n\n

While using video on your website was previously a struggle (to put it mildly), advances in web technology now mean manipulating moving images is just as simple as working with their static siblings. What\u2019s more, WordPress handles a variety of video formats from a range of different hosting sites.<\/p>\n\n\n\n

In this article, we\u2019re going to give you the lowdown on how to embed video in WordPress, along with how to leverage the many different sources available. However, first, we\u2019ll discuss our favorite plugins to embed video in WordPress. Let\u2019s get started!<\/p>\n\n\n\n

How to Embed Videos In WordPress Through Block Editor<\/h2>\n\n\n\n

WordPress has always strived to make website creation as intuitive as possible, and embedding videos is no exception. The Block Editor (also called Gutenberg) lets you add a video to any page with ease. Here is a step-by-step guide to embedding video content on your site:<\/p>\n\n\n\n

    \n
  1. Log into your WordPress account, open your Dashboard, and navigate to the page on which you plan to embed the video.<\/li>\n<\/ol>\n\n\n\n
      \n
    1. Add a new block that corresponds with your video. For example, if you want to embed a video from YouTube, add a YouTube block. To embed an MP4 directly from your computer, you can add a Video block.<\/li>\n<\/ol>\n\n\n\n
        \n
      1. Visit the website that hosts your desired video content and copy the URL by clicking \u201cShare\u201d or highlighting the address bar. To have the video start at a specific time, be sure to include the time in the URL (this is only an option for sites like Vimeo and YouTube).<\/li>\n<\/ol>\n\n\n\n
          \n
        1. Paste the URL into your WordPress block and press \u201cEmbed.\u201d<\/li>\n<\/ol>\n\n\n\n
            \n
          1. On the right side of the page, you can change the advanced settings to have videos autoplay, loop, or play on mute. Note that not all settings will be available for each block.<\/li>\n<\/ol>\n\n\n\n

            Alternatively, you can paste the video URL directly into WordPress, and the built-in Embed feature takes care of the rest. This option is handy for embedding videos into blog posts, though it will only work with sites allowed by WordPress (listed below).<\/p>\n\n\n\n

            How to Embed Videos In WordPress Through Block Editor<\/h2>\n\n\n\n

            WordPress has always strived to make website creation as intuitive as possible, and embedding videos is no exception. The Block Editor (also called Gutenberg) lets you add a video to any page with ease. Here is a step-by-step guide to embedding video content on your site:<\/p>\n\n\n\n

              \n
            1. Log into your WordPress account, open your Dashboard, and navigate to the page on which you plan to embed the video.<\/li>\n<\/ol>\n\n\n\n
                \n
              1. Add a new block that corresponds with your video. For example, if you want to embed a video from YouTube, add a YouTube block. To embed an MP4 directly from your computer, you can add a Video block.<\/li>\n<\/ol>\n\n\n\n
                  \n
                1. Visit the website that hosts your desired video content and copy the URL by clicking \u201cShare\u201d or highlighting the address bar. To have the video start at a specific time, be sure to include the time in the URL (this is only an option for sites like Vimeo and YouTube).<\/li>\n<\/ol>\n\n\n\n
                    \n
                  1. Paste the URL into your WordPress block and press \u201cEmbed.\u201d<\/li>\n<\/ol>\n\n\n\n
                      \n
                    1. On the right side of the page, you can change the advanced settings to have videos autoplay, loop, or play on mute. Note that not all settings will be available for each block.<\/li>\n<\/ol>\n\n\n\n

                      Alternatively, you can paste the video URL directly into WordPress, and the built-in Embed feature takes care of the rest. This option is handy for embedding videos into blog posts, though it will only work with sites allowed by WordPress (listed below).<\/p>\n\n\n\n

                      Video Embed Plugins for WordPress<\/h2>\n\n\n\n

                      Fortunately, embedding video in WordPress is a cinch\u2014especially when you have a quality WordPress video plugin to work with. Let\u2019s take a look at a few of our favorites.<\/p>\n\n\n\n

                      Videopack<\/a><\/h3>\n\n\n\n
                      \"Video<\/figure>\n\n\n\n

                      First up is the Videopack<\/a> video plugin. This effectively kills two birds with one stone. First, you can embed video using a shortcode that results in a responsive HTML5 video on your WordPress site (with Flash fallback for those not yet supporting HTML5). What\u2019s more, you can also generate suitable thumbnails for your videos, and the functionality is comprehensive and well thought through.<\/p>\n\n\n\n

                      Embed Plus YouTube<\/a><\/h3>\n\n\n\n
                      \"Screen<\/a><\/figure>\n\n\n\n

                      One of the easiest ways to upload and view videos online is through YouTube. Once you upload your content, use the Embed Plus YouTube<\/a> to put it into your site. The plugin allows you to add an entire YouTube playlist right onto your site, or opt for a video gallery. You can choose to enable automatic play or let users scroll through the playlist. YouTube Embed creates custom thumbnails so you don’t have to.<\/p>\n\n\n\n

                      Upon downloading the plugin, you’ll get a special button for YouTube right next to Add Media. That makes it incredibly easy to pull in any videos you want. If the channel is your own, add a Subscribe button below the video gallery and boost your numbers.<\/p>\n\n\n\n

                      ARVE Advanced Responsive Video Embedder<\/a><\/h3>\n\n\n\n
                      \"ARVE<\/figure>\n\n\n\n

                      An alternative is the Advanced Responsive Video Embedder (ARVE)<\/a>. While it doesn\u2019t support thumbnail generation in the free version, there are an almost overwhelming number of video providers\u2014including favorites such as YouTube and Vimeo. However, there are a number of premium add-on features<\/a>\u2014including automatic or manual thumbnail generation\u2014so if you have the budget, ARVE could be the only plugin you need to embed videos into WordPress.<\/p>\n\n\n\n

                      WP Video Lightbox<\/a><\/h3>\n\n\n\n
                      \"Screen<\/a><\/figure>\n\n\n\n

                      WP Video Lightbox<\/a> allows you to display videos in a different way. When a user starts to play a video, it will pop out and make the screen behind the player dark. This makes it easier to view the video without the distractions of the post and ads behind it. The plugin works with YouTube or Vimeo and it’s a very easy embed process. Some sites begin playing the video in the form it appears on the site, which makes it hard to properly view. WP Video Lightbox puts special attention on it.<\/p>\n\n\n\n

                      If you don’t have a lot of video content, the plugin can also be used to create a lightbox for photographs and other images. A great idea for infographics or diagrams.<\/p>\n\n\n\n

                      Embedding YouTube and Vimeo Videos in WordPress<\/h2>\n\n\n\n

                      As we alluded to, embedding videos in WordPress is super simple, regardless of the video platform you\u2019re using. The good news is that you don\u2019t necessarily need a plugin to embed video into your WordPress website.<\/p>\n\n\n\n

                      If you have a YouTube<\/a> or Vimeo<\/a> video, for example, WordPress includes an automatic embedding option that is enabled by default. To leverage this, first grab the URL of the video you\u2019re interested in embedding:<\/p>\n\n\n\n

                      \"embed<\/figure>\n\n\n\n

                      Next, head to the edit screen of a page or post of your choice within the WordPress back end\u2014it doesn\u2019t matter which post editor you decide to use on this occasion. Finally, paste the URL into the editor, and wait a couple of seconds for the screen to update (or switch to the Visual editor if you\u2019re not already in it). You\u2019ll then see your video display within your content:<\/p>\n\n\n\n

                      \"embed<\/figure>\n\n\n\n

                      You\u2019ll quickly notice that there aren\u2019t many editing options for your video. However, by using the [embed] shortcode, you can at least customize the dimensions to suit your layout. Of course, using a dedicated plugin here will give you more scope for customization.<\/p>\n\n\n\n

                      Embedding Facebook Videos in WordPress<\/h2>\n\n\n\n

                      Facebook is an incredibly popular platform for sharing video, and while the embedding process used to involve a complex set of instructions, that\u2019s no longer the case.<\/p>\n\n\n\n

                      You\u2019ll want to start by copying the link for the Facebook video you\u2019d like you to embed\u2014the best way is to access the video, right click on the date, and copy that URL. From here, simply head into your WordPress dashboard, and paste the link into a post or page editor:<\/p>\n\n\n\n

                      \"embed<\/figure>\n\n\n\n

                      You\u2019ll see the video\u2019s thumbnail embed almost immediately, and if you check the front end of your site, you should be able to see (and play) the video on your post or page.<\/p>\n\n\n\n

                      Embedding Instagram Videos in WordPress<\/h2>\n\n\n\n

                      Instagram videos<\/a> look difficult to embed on the surface, but in reality, they\u2019re similar to implement as Facebook (although still slightly more complex than YouTube and Vimeo).<\/p>\n\n\n\n

                      First, head to the Instagram video you\u2019d like to embed and click the three dots in the bottom right-hand corner:<\/p>\n\n\n\n

                      \"embed<\/figure>\n\n\n\n

                      From here, check the box if you\u2019d like to include the video\u2019s caption, and click the Copy Embed Code<\/em> button:<\/p>\n\n\n\n

                      \"how<\/figure>\n\n\n\n

                      Next, head to a WordPress post or page, access the Text editor, and paste in the code. Once you switch back to the Visual editor, you\u2019ll see a placeholder for your video, and by previewing your front end, you should be able to see the Instagram embed on your site:<\/p>\n\n\n\n

                      \"embedding<\/figure>\n\n\n\n

                      Note that this also works with Instagram\u2019s images too!<\/p>\n\n\n\n

                      Embedding Self-Hosted Videos in WordPress<\/h2>\n\n\n\n

                      Embedding self-hosted MP4 video into your WordPress website is just as simple as doing so with YouTube and Vimeo videos.<\/p>\n\n\n\n

                      With your MP4 video in hand, navigate to the Media<\/em> > Add New<\/em> screen within WordPress, which will bring you to the Upload New Media <\/em>screen:<\/p>\n\n\n\n

                      \"how<\/figure>\n\n\n\n

                      You can either use the Select Files<\/em> button and navigate to your video, or simply drag and drop your video onto the screen:<\/p>\n\n\n\n

                      \"upload<\/figure>\n\n\n\n

                      From here, you can select your video as normal from the WordPress Media Library within a post or page. However, due to bandwidth and site speed issues, we\u2019d recommend using a dedicated third-party video hosting provider.<\/p>\n\n\n\n

                      Regardless of how you\u2019d like to embed videos, you\u2019ll need rock-solid, fast WordPress hosting<\/a>. <\/p>\n\n\n\n

                      WP Engine has many hosting plans<\/a> tailored to practically any need, so drop us a line to find out more!<\/p>\n\n\n\n

                      What Sites Can I Embed From?<\/h2>\n\n\n\n

                      From TikTok to YouTube, video remains one of the premier forms of media today. Luckily, you can easily harness the power of video from all over the web.<\/p>\n\n\n\n

                      In WordPress, embed videos automatically from all of the following sites:<\/p>\n\n\n\n

                        \n
                      • Amazon (Kindle Instant Previews)<\/li>\n\n\n\n
                      • Animoto<\/li>\n\n\n\n
                      • Cloudup<\/li>\n\n\n\n
                      • DailyMotion<\/li>\n\n\n\n
                      • Facebook video (requires a developer account)<\/li>\n\n\n\n
                      • Flickr<\/li>\n\n\n\n
                      • Instagram<\/li>\n\n\n\n
                      • Screencast<\/li>\n\n\n\n
                      • TED<\/li>\n\n\n\n
                      • TikTok<\/li>\n\n\n\n
                      • VideoPress<\/li>\n\n\n\n
                      • Vimeo<\/li>\n\n\n\n
                      • WordPress.tv<\/li>\n\n\n\n
                      • YouTube (public and unlisted videos only)<\/li>\n<\/ul>\n\n\n\n

                        For security reasons, WordPress limits automatic video embeds to the above sites only. However, you can still embed video from other sources\u2014you\u2019ll just need to paste the HTML embed code into a Custom HTML block.<\/p>\n","protected":false},"excerpt":{"rendered":"

                        Embedded video\u2014i.e. those displayed on your website from a third-party hosting service\u2014are big business, and compared to simple linked media, there is much more of a benefit from an analytical point of view. For a start, your pages become more sticky, and visitors are dissuaded from navigating away from your site. While using video on…<\/span><\/span><\/p>\n","protected":false},"author":1,"featured_media":125107,"template":"","resource-topic":[901],"resource-role":[896,903,899],"resource-type":[916],"class_list":["post-30968","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nHow to Embed Video in WordPress | WP Engine\u00ae<\/title>\n<meta name=\"description\" content=\"Learn about the best ways to embed videos on your WordPress site. Our guide will teach you how to embed from YouTube, Vimeo, Facebook, Instagram and more.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\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 | WP Engine\u00ae\" \/>\n<meta property=\"og:description\" content=\"Learn about the best ways to embed videos on your WordPress site. Our guide will teach you how to embed from YouTube, Vimeo, Facebook, Instagram and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-26T20:28:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/11\/How-to-Embed-Videos-WordPress_1200x627.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/\",\"name\":\"How to Embed Video in WordPress | WP Engine\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-01-11T11:46:00+00:00\",\"dateModified\":\"2023-10-26T20:28:44+00:00\",\"description\":\"Learn about the best ways to embed videos on your WordPress site. Our guide will teach you how to embed from YouTube, Vimeo, Facebook, Instagram and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Embed Videos in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Embed Video in WordPress | WP Engine\u00ae","description":"Learn about the best ways to embed videos on your WordPress site. Our guide will teach you how to embed from YouTube, Vimeo, Facebook, Instagram and more.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Embed Video in WordPress | WP Engine\u00ae","og_description":"Learn about the best ways to embed videos on your WordPress site. Our guide will teach you how to embed from YouTube, Vimeo, Facebook, Instagram and more.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2023-10-26T20:28:44+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/11\/How-to-Embed-Videos-WordPress_1200x627.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/","name":"How to Embed Video in WordPress | WP Engine\u00ae","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-01-11T11:46:00+00:00","dateModified":"2023-10-26T20:28:44+00:00","description":"Learn about the best ways to embed videos on your WordPress site. Our guide will teach you how to embed from YouTube, Vimeo, Facebook, Instagram and more.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-video-embed-how-to\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Embed Videos in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/11\/How-to-Embed-Videos-WordPress_343x245.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Developer, Marketer, Site Owner","topic":"<strong>Topics:<\/strong> WordPress","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/30968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/125107"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=30968"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=30968"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=30968"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=30968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}