How to Embed Video In WordPress

Having video content on your blog post is a great way to increase user engagement on your website. Videos are also very effective in promoting your products or content on the internet as most people would prefer watching a video to reading a 2000 word article on the same topic.

It can be difficult to summarize your entire blog post or make it more attractive for the visitors without a video. Without a video, you may experience a lower time spent on your website and higher bounce rates.

Videos can generate around 1200% more shares than images and text. It can help improve the sales conversion rate of e-commerce stores as well. This makes it a necessity to have video content on your WordPress website.

With advancements in WordPress such as oEmbed, it has become extremely simple to embed videos in your WordPress website. However, let’s first try to understand why videos are so important for our WordPress websites.

Advantages of embedding videos

Embedding videos to the post from video streaming services has many advantages.

More dwell time and more engagement

Embedding videos in WordPress can improve the dwell time of your visitors. At the same time, you can expect more engagement on your website. Additionally, videos will increase the variety and quality of content on your website as well.

Server bandwidth

When you host a video on your WordPress site it may take a lot of your server bandwidth. This is not ideal especially in cases when you have shared hosting for your website. Instead, if you embed a video in your website using any of the video streaming services, you will be able to use their server bandwidth to display the video on your website.

Speed and performance

Videos of high quality can easily size up to 100MB. If you are hosting the video on your server, uploading the video will be painful enough, and it will most definitely affect the viewing experience as well. Having a large-sized video will definitely bring down your site speed and the site performance will be affected. This is not an issue when you embed a video from a third-party video streaming service.

The Viewing experience

As explained earlier, self-hosted videos most probably will not provide the best of the viewing experience. This can affect user engagement in a negative way which was the main intent of using the video in the first place. So when you embed a video, the video will actually play and not freeze when viewed on your website.

Embedding videos is super easy

All you need to do is get the embed code and to paste it where the video needs to be displayed. It is way more quickly and easier than uploading a video and adding that to the post.

SEO Benefits

Embedding videos in articles do not directly have an impact on your website and help rank your website. But adding a video will increase the user engagement on a website, thus indicating to search engines that your page has value to the users.

Your videos will play and load faster on a third-party service as they are hosted on powerful servers as compared to your own hosting. Doing this can also help viewers play the video with better quality. This can help improve your search engine optimization (SEO) too.

List of White-Listed Services for Auto-embed in WordPress

Below is a list of some of the services that have been white-listed for auto-embed in WordPress.

How to Embed Videos in WordPress

When it comes to embedding videos, YouTube is arguably the most popular service.

Let’s see the different methods that can be used to display Youtube videos in your WordPress blog.

1. Embed Videos in WordPress Using Old Classic Editor

Pasting the URL of the video

This is the easiest method to embed a video in WordPress. All you have to do is enter the URL from the address bar of the browser of the video that you want to embed in your WordPress post. Or you can click on the share button under the YouTube video that you want to share, and you can get the URL of the video. Both URLs are the same and will do the job.

get-url

After you have copied the URL, navigate to your WordPress editor and paste the URL on the editor. Make sure that you enter the URL of the video in a new line in the editor. This is important as pasting in the same line else it will not work.

embed-video-using-url-classic-editor

After you have pasted the URL, you will be able to see a preview of the video on your WordPress editor.

Using the code</strong><br /></br><br /> This method gives a lot more customization options to the embedded youtube video than that you get when directly pasting the URL. To get the <iframe> embed code of the video, navigate to the share icon just below the video on YouTube. From the popup that appears, click on <strong>Embed</strong>.</p> <p><img loading="lazy" alt="get-iframe-code" height="588" src="https://brayve.net/wp-content/uploads/2019/07/echo/get-iframe-code.jpg" width="520"></img></p> <p>From here, you will get a <iframe> code that you can add to your WordPress website. But before you copy and paste the code to your blog, you have some customization options for the video. You may want to check or uncheck them according to your needs.</p> <p><img loading="lazy" alt="get-iframe-code" height="484" src="https://brayve.net/wp-content/uploads/2019/07/echo/get-iframe-code.png" width="1281"></img></p> <p>After you have added your customizations, copy the code and paste the code in your blog. For that, switch to the <strong>Text</strong> tab when pasting the code.</p> <p><img loading="lazy" alt="embed-iframe-classic-editor" height="454" src="https://brayve.net/wp-content/uploads/2019/07/echo/embed-iframe-classic-editor.png" width="964"></img></p> <p>After you have pasted the code, switch back to the <strong>Visual </strong>tab of the editor and you will be able to see a preview of the video you just embedded.</p> <p><img loading="lazy" alt="iframe-embed-preview-classic-editor" height="558" src="https://brayve.net/wp-content/uploads/2019/07/echo/iframe-embed-preview-classic-editor.png" width="964"></img></p> <h2>2. Embed Videos in WordPress Using Gutenberg Editor</h2> <p><strong>Adding Images Directly using URL</strong><br /></br><br /> Similar to the classic old editor, you can directly paste the URL in the Gutenberg editor, and this will add the video in the post. You can see a preview of the video as soon as you have added the URL of the video.</p> <p>You can also click on the ‘<strong> </strong>‘ button, and then add the URL of the YouTube video by clicking on the YouTube icon.</p> <p><img loading="lazy" alt="embedding-youtube-video-gutenberg-block" height="640" src="https://brayve.net/wp-content/uploads/2019/07/echo/embedding-youtube-video-gutenberg-block.png" width="907"></img></p> <p>Then you can add the URL of the video.</p> <p><img loading="lazy" alt="embed-youtube-url" height="371" src="https://brayve.net/wp-content/uploads/2019/07/echo/embed-youtube-url.png" width="856"></img></p> <p>After entering it, you will be able to see a preview of the video.</p> <p><img loading="lazy" alt="embedding-youtube-video-using-url-gutenberg" height="784" src="https://brayve.net/wp-content/uploads/2019/07/echo/embedding-youtube-video-using-url-gutenberg.png" width="1440"></img></p> <p>Embedding videos using <iframe> code</p> <p>To embed video using <iframe> code using Gutenberg on your WordPress website, first, add a new block and paste the embed code. Then you will have the HTML block.</p> <p><img loading="lazy" alt="embed-iframe-with-custom-html-block" height="297" src="https://brayve.net/wp-content/uploads/2019/07/echo/embed-iframe-with-custom-html-block.png" width="882"></img></p> <p>From the preview tab of the custom HTML block, you will be able to see a preview of the video.</p> <p><img loading="lazy" alt="embed-custom-html-preview" height="536" src="https://brayve.net/wp-content/uploads/2019/07/echo/embed-custom-html-preview.png" width="882"></img></p> <h2>3. How to Embed Video in WordPress Sidebar Widgets</h2> <p>Just the way you embed videos in WordPress posts, you can also embed them in WordPress sidebar widgets. The process for doing so is slightly different.</p> <p>To do so, from your WordPress dashboard, go to <strong>Appearances > Themes > Customize > Widgets.</strong></p> <p>Or you can directly go<strong> Appearance > Themes > Widgets.</strong> From the sidebar widgets, add the video widget in the sidebar.</p> <p>Once you’ve added it, you need to open the widget settings. There, you’ll be able to see a visual editor and a title bar. All you need to do is paste the video URL in the visual editor and add a title for the video. You’ll notice the video preview loading in the visual editor.</p> <p><img loading="lazy" alt="Video Preview" height="512" src="https://brayve.net/wp-content/uploads/2019/07/echo/Video-Preview.png" width="479"></img><br /></br><i>Image via WordPress</i></p> <p>Once the video’s added, you can click on the “Save” button to save the widget’s settings. Now when you visit the website, you’ll be able to see the video embedded in the WordPress sidebar widget.</p> <p><img loading="lazy" alt="adding-sidebar-widget" height="414" src="https://brayve.net/wp-content/uploads/2019/07/echo/adding-sidebar-widget.png" width="477"></img></p> <p>You can also add videos in sidebar widgets.</p> <p>This will take you to the media library. Now from the left menu on the media popup, click <strong>Insert from URL.</strong></p> <p><img loading="lazy" alt="embed-video-in-sidebar" height="616" src="https://brayve.net/wp-content/uploads/2019/07/echo/embed-video-in-sidebar.png" width="360"></img></p> <p>This will give you an option to add the URL of the video, which will embed the video in the sidebar.</p> <p><img loading="lazy" alt="add-video-sidebar-embed-from-URL" height="768" src="https://brayve.net/wp-content/uploads/2019/07/echo/add-video-sidebar-embed-from-URL.png" width="1388"></img></p> <p>The video will now be added in the sidebar of the website in the front-end.</p> <p><img loading="lazy" alt="sidebar-video-front-end" height="672" src="https://brayve.net/wp-content/uploads/2019/07/echo/sidebar-video-front-end.png" width="1122"></img></p> <p>However, you will not be able to embed the video using <iframe> in the sidebar.</p> <p>Embedding videos to pages<br /></br><br /> Adding videos to pages are similar to adding videos in a post. You can either add the code directly to the editor or embed the <iframe> code.</p> <h2>How to Add a Video From a Website Outside the Supported Video Services</h2> <p>Whether you’re using the new WordPress block editor or the old classic editor, the process for adding a video from non-whitelisted sites is different. For such website, you’ll need access to the entire HTML embed code for the video.</p> <p>Once you have the HTML embed code, you need to copy and paste it inside the WordPress editor. For the block editor, you need to paste it in the “Custom HTML” block. In the case of the old classic editor, you need to use the HTML editor and paste the HTML embed code there at an appropriate spot.</p> <h2><strong>Embedding Videos Using Plugins</strong></h2> <p>Since we are talking about WordPress, there are a lot of plugins that help in <a href="https://www.wpfloor.com/wordpress-media-library-management-plugins/" rel="external nofollow">managing WordPress the media library</a>. So, there is got to be a plugin that can help to embed a video in WordPress as well.</p> <p>Although it is very easy to embed a video in WordPress, there is only so much that you can do with the video that you have added by any of these methods.</p> <p>Embedding a video using a plugin will give you more option to adding the plugin. Like when embedding videos, you must make sure that the videos are responsive.</p> <p>Below are some of the plugins that will help in embedding videos in WordPress.</p> <h3><a href="https://wordpress.org/plugins/subscribe-bar-youtube/">1. YouTube Subscribe Bar</a></h3> <p>This plugin shows a subscribe bar right below the embedded YouTube video in WordPress. Additionally, it shows the subscriber count of your YouTube channel so that it can work as social proof for your viewers.</p> <p>The best part about this plugin is that it’s free to use. However, it hasn’t been tested on the latest releases of WordPress so it may have some compatibility issues.</p> <p><strong>Pros:</strong></p> <ul> <li>Can easily help increase the subscriber count for your YouTube channel</li> <li>Automatically adds the subscribe bar to every embedded video on the website.</li> </ul> <p><strong>Cons</strong></p> <ul> <li>It only works with oEmbed videos. It does not work with videos embedded using an iframe.</li> </ul> <h3><a href="https://enviragallery.com/" rel="external nofollow">2. Envira Gallery</a></h3> <p>To beautify your videos and display them in one place, you need a video gallery. However, WordPress doesn’t come with its own gallery, and that’s why you need a plugin to do the job.</p> <p>In such a case, the Envira Gallery is a great plugin, and it helps you create photo and video galleries. Additionally, these galleries are responsive and even have a lightbox popup support.</p> <p>This is a premium plugin with the basic plan costing $29. There are different plans for the plugin that you can purchase according to your needs. The plugin has a lot of features in store to help your website or your e-commerce store and embedding videos is one of them.</p> <p><strong>Pros</strong></p> <ul> <li>Easy to use.</li> <li>Fully responsive framework.</li> <li>Support photo galleries and video galleries.</li> <li>Comes with pre-built templates.</li> </ul> <p><strong>Cons</strong></p> <ul> <li>Pricey.</li> <li>Bronze and Silver plans don’t have all of the features</li> </ul> <h3><a href="https://wordpress.org/plugins/lazy-load-for-videos/">3. Lazy Load for Videos</a></h3> <p>When you e<strong>mbed videos on your WordPress website</strong>, they load scripts from the external websites as well. This can have an impact on the page loading speed of your website and its performance too.</p> <p>By using a plugin such as Lazy Load for Videos, you can reduce this drastically. It only loads the video image during the page load. It loads the script only when the users click on the video.</p> <p>This plugin helps you to add videos that are played only when the user clicks on the preview. This helps in improving the loading speed of the page. The plugin also does not load any JavaScript so there are no cookies installed when using YouTube.</p> <p><strong>Pros:</strong></p> <ul> <li>Faster Website</li> <li>Intuitive User Experience</li> </ul> <p><strong>Cons:</strong></p> <ul> <li>Poor Performance on Older Browsers</li> </ul> <h3><a href="https://wordpress.org/plugins/easy-video-player/">4. Easy Video Player</a></h3> <p>This plugin makes it easy for you to embed videos from both whitelisted websites and other websites. All you need to do is use simple shortcodes to embed the videos.</p> <p>Additionally, the videos play using HTML5, but if your browser doesn’t support it, the plugin has automatic fallback as well. This allows you to play the videos on older browsers too. Lastly, you can embed responsive videos so that you can view them on any device with ease.</p> <p>This is a free plugin that enables you to add self-hosted videos or third-party hosted videos using direct links</p> <p><strong>Pros</strong></p> <ul> <li>Easily add features like autoplay and video controls using shortcodes</li> <li>Easy to use</li> <li>Free of cost</li> </ul> <p><strong>Cons</strong></p> <ul> <li>Adds a watermark on the screen.</li> </ul> <h3><a href="https://embed.ly/" rel="external nofollow">5. Embed.ly</a></h3> <p>Embed.ly allows you to enhance the default embedding of WordPress and lets you get previews of articles and videos. It even allows you to customize the embed style, including the dark theme, alignment, and width. You can also choose to add social buttons around the embeds. However, the most interesting feature of this plugin is that of analytics.</p> <p>You can find out how many people watched your embeds and for how long. This feature is available for YouTube videos.</p> <p><strong>Pros</strong></p> <ul> <li>Easy to use</li> </ul> <ul> <li>Ton of features</li> </ul> <p><strong>Cons</strong></p> <ul> <li>The plugin is premium, does not have a free version to try out</li> </ul> <h3><a href="https://wordpress.org/plugins/advanced-responsive-video-embedder/">6. Advanced Responsive Video Embedder</a></h3> <p><img loading="lazy" alt="arve-video-embed-plugin" height="305" src="https://brayve.net/wp-content/uploads/2019/07/echo/arve-video-embed-plugin.png" width="941"></img></p> <p>This one of the most popular free plugins for embedding videos in WordPress. The plugin offers many features like SEO for videos, responsiveness, WYSIWYG editor support, etc.</p> <p><strong>Pros</strong></p> <ul> <li>Great features for a free plugin</li> <li>Can extend the features using a premium addon</li> <li>Fully responsive</li> </ul> <p><strong>Cons</strong></p> <ul> <li><strong>Not very intuitive to use.</strong></li> </ul> <h3><a href="https://wordpress.org/plugins/slidedeck/">7. SlideDeck</a></h3> <p><img loading="lazy" alt="slidedeck-video-embed-plugin" height="305" src="https://brayve.net/wp-content/uploads/2019/07/echo/slidedeck-video-embed-plugin.png" width="941"></img></p> <p>This plugin is used for creating a slider on your WordPress website. You can create a slider for images, video, and posts. This is a free plugin that also has a premium version. The premium version costs $47 for the annual plan.</p> <p><strong>Pros:</strong></p> <ul> <li>The free version is enough for a decent video embed feature</li> </ul> <p><strong>Cons:</strong></p> <ul> <li>The premium version is a bit expensive</li> <li>The support for the free version is not as prompt as should be</li> </ul> <h2>Final Thoughts</h2> <p>Embedding videos in WordPress posts can seem daunting at first, but it doesn’t have to be. By pasting the URL or HTML code, you can easily embed the videos in your posts.</p> <p>Similarly, you can add videos to the sidebar as well. Lastly, by using plugins, you can further simplify the embedding process and make the viewing experience better too.</p> <p>Using different video embedding methods, and leveraging the power of various video streaming services, you can get the most out of your content, reach more audience, and engage more people.</p> <p>What other ways do you embed videos in WordPress? Let us know in the comments.</p> </div> </div> <p class="tags-list"><i data-cp-fa="true" class="font-icon-25 fa fa-tags"></i> <a href="https://brayve.net/blog/tag/miscellaneous/" rel="tag">Miscellaneous</a></p> </div> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://brayve.net/blog/2019/07/05/wpbeginner-turns-10-years-old-reflections-updates-and-a-wordpress-giveaway-124000-in-prizes/" rel="prev"><i class="font-icon-post fa fa-angle-double-left"></i><span class="meta-nav" aria-hidden="true">Previous:</span> <span class="screen-reader-text">Previous post:</span> <span class="post-title">WPBeginner Turns 10 Years Old – Reflections, Updates, and a WordPress Giveaway ($124,000+ in Prizes)</span></a></div><div class="nav-next"><a href="https://brayve.net/blog/2019/07/05/how-to-duplicate-a-page-in-wordpress-website/" rel="next"><span class="meta-nav" aria-hidden="true">Next:</span> <span class="screen-reader-text">Next post:</span> <span class="post-title">How to Duplicate a Page in WordPress Website?</span><i class="font-icon-post fa fa-angle-double-right"></i></a></div></div> </nav> </div> </div> </div> <div class="sidebar col-sm-4 col-md-3"> <div class="sidebar-row"> <div id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://brayve.net/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s"/> </label> </form> </div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h5 class="widgettitle">Recent Posts</h5> <ul> <li> <a href="https://brayve.net/blog/2019/12/23/the-best-stock-art-websites/">The best stock art websites</a> </li> <li> <a href="https://brayve.net/blog/2019/12/23/the-guide-to-successful-silent-videos-for-facebook-video-ads-examples/">The Guide to Successful Silent Videos for Facebook Video Ads (+ Examples)</a> </li> <li> <a href="https://brayve.net/blog/2019/12/23/icann-requests-answers-about-sale-of-dot-org-registry-via-martinibuster/">ICANN Requests Answers About Sale of Dot Org Registry via @martinibuster</a> </li> <li> <a href="https://brayve.net/blog/2019/12/23/19-best-portfolios-of-2019/">19 Best Portfolios of 2019</a> </li> <li> <a href="https://brayve.net/blog/2019/12/23/web-design-basics-10-tips-for-effective-visual-communication-infographic/">Web Design Basics: 10 Tips for Effective Visual Communication [Infographic]</a> </li> </ul> </div><div id="categories-2" class="widget widget_categories"><h5 class="widgettitle">Categories</h5> <ul> <li class="cat-item cat-item-67"><a href="https://brayve.net/blog/category/affiliate-marketing/" title="Affiliate marketing is not just for the digital Gurus. It is one of the best ways for a new start up to monetise their site. With a few tweaks to keep bringing the visitors back, those clicks add up. And clicks equal cash. Particularly for businesses that are remote, such as the businesses in Wales. The web design and marketing team in Brecon know how to boost your visibility and SEO using an affiliate strategy. Carefully woven together with a content development strategy and web design our South Wales web designer in Brecon and Cardiff will help to implement a marketing approach that works for you Affiliate marketing works two ways. You can also implement the methods involved to boost your own sales and build your business using influencers. Using content as an opportunity to integrate other strategies is a well known method to increase visibility and online income. Adding links to your content will make it richer, more attractive to the search engines and monetise your business.">Affiliate Marketing</a> </li> <li class="cat-item cat-item-101"><a href="https://brayve.net/blog/category/blogging/">Blogging</a> </li> <li class="cat-item cat-item-63"><a href="https://brayve.net/blog/category/brecon-web-design/" title="In Our Brecon Web design Office we offer all the agency services you would expect in the city. Brecon Web Design Local Web design is in demand and their are several small businesses serving the area. However none of the other services are part of a greater partnership that can offer a complete agency service. Our service extends to SEO, Copywriting, Content development and more. Content Content for web development is more than simply colour, fonts and shape. It includes video and image content as well as SEO optimised written content. This content has to be properly optimised to improve searchability and quality values. E-commerce is a core part of modern online presence for retailers and we have the experts, the capacity and the resources to provide a world class development project, whether you are based at your kitchen table or your corporate headquarters.">Brecon</a> </li> <li class="cat-item cat-item-73"><a href="https://brayve.net/blog/category/brecon-web-design-2/">Brecon Web Design</a> </li> <li class="cat-item cat-item-2"><a href="https://brayve.net/blog/category/business/">Business</a> </li> <li class="cat-item cat-item-33"><a href="https://brayve.net/blog/category/cardiff-web-development/">Cardiff Web development</a> </li> <li class="cat-item cat-item-76"><a href="https://brayve.net/blog/category/content-development/">Content Development</a> </li> <li class="cat-item cat-item-96"><a href="https://brayve.net/blog/category/content-marketing/">Content marketing</a> </li> <li class="cat-item cat-item-95"><a href="https://brayve.net/blog/category/digital-marketing/">Digital Marketing</a> </li> <li class="cat-item cat-item-159"><a href="https://brayve.net/blog/category/ecommerce/">Ecommerce</a> </li> <li class="cat-item cat-item-110"><a href="https://brayve.net/blog/category/facebook/">Facebook</a> </li> <li class="cat-item cat-item-416"><a href="https://brayve.net/blog/category/mid-wales-web-design/">Mid Wales Web Design</a> </li> <li class="cat-item cat-item-4"><a href="https://brayve.net/blog/category/news/">News</a> </li> <li class="cat-item cat-item-147"><a href="https://brayve.net/blog/category/wordpress/plugins/">Plugins</a> </li> <li class="cat-item cat-item-150"><a href="https://brayve.net/blog/category/plugins-2/">Plugins</a> </li> <li class="cat-item cat-item-64"><a href="https://brayve.net/blog/category/seo/">SEO</a> </li> <li class="cat-item cat-item-92"><a href="https://brayve.net/blog/category/social-media-marketing/">Social Media Marketing</a> </li> <li class="cat-item cat-item-140"><a href="https://brayve.net/blog/category/tutorials/">Tutorials</a> </li> <li class="cat-item cat-item-1"><a href="https://brayve.net/blog/category/uncategorized/">Uncategorized</a> </li> <li class="cat-item cat-item-83"><a href="https://brayve.net/blog/category/wales-web-design/">Wales Web design</a> </li> <li class="cat-item cat-item-141"><a href="https://brayve.net/blog/category/web-design/">Web Design</a> </li> <li class="cat-item cat-item-89"><a href="https://brayve.net/blog/category/wordpress/">WordPress</a> </li> <li class="cat-item cat-item-132"><a href="https://brayve.net/blog/category/wordpress-news/">WordPress News</a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class='footer footer-contact-boxes'> <div class='footer-content'> <div class="gridContainer"> <div class="row text-center"> <div class="col-sm-3"> <div data-type="group" data-dynamic-mod="true"> <i class="big-icon fa fa-map-marker"></i> <p> <p>Brayve Digital Development :</p> <p>Registration: 12704706 </p> Unit 23 Ffwrdgrech Industrial Estate Brecon LD3 8LA <p>Post: 21 Llys Meillion, Llyswen, Brecon, LD3 0US</p> </p> </div> </div> <div class="col-sm-3"> <div data-type="group" data-dynamic-mod="true"> <i class="big-icon fa fa-envelope-o"></i> <p> <p>info@brayve.net</p> <a href="https://brayve.net/blog/wpautoterms/terms-and-conditions/">Terms and Conditions</a> <p> <a href="https://brayve.net/blog/wpautoterms/privacy-policy/">Privacy Policy</a></p> </p> </div> </div> <div class="col-sm-3"> <div data-type="group" data-dynamic-mod="true"> <i class="big-icon fa fa-phone"></i> <p> +44 (1874) 202 110 </p> </div> </div> <div class="col-sm-3 footer-bg-accent"> <div> <div data-type="group" data-dynamic-mod="true" class="footer-social-icons"> </div> </div> <p class="copyright">©  2022 Brayve Digital. Built using WordPress and the <a rel="nofollow" target="_blank" href="https://extendthemes.com/go/built-with-mesmerize/" class="mesmerize-theme-link">Mesmerize theme</a></p> </div> </div> </div> </div> </div> </div>  <script type="text/javascript"> var subscribersSiteId = '3e5d1739-04e6-409a-8dd8-d29ab6c4e79d'; var subscribersServiceWorkerPath = 'https://brayve.net/?firebase-messaging-sw'; </script> <script type="text/javascript" src="https://cdn.subscribers.com/assets/subscribers.js"></script> <div id="cookie-law-info-bar" data-nosnippet="true"><h5 class="cli_messagebar_head">EU and UK GDPR Notice</h5><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.</br><div class="wt-cli-ccpa-element"> <a style="color:#333333" class="wt-cli-ccpa-opt-out">Do not sell my personal information</a>.</div></div><div class="cli-bar-btn_container"><a role='button' class="medium cli-plugin-button cli-plugin-main-button cli_settings_button" style="margin:0px 10px 0px 5px">Settings</a><a role='button' data-cli_action="accept" id="cookie_action_close_header" class="small cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button wt-cli-accept-btn">Accept</a></div></div></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Close</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Privacy Overview</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.</div> </div> <a class="cli-privacy-readmore" aria-label="Show more" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> Necessary </a> <div class="wt-cli-necessary-checkbox"> <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label> </div> <span class="cli-necessary-caption">Always Enabled</span> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necessary"> <div class="wt-cli-cookie-description"> Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab"> Non-necessary </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked='checked' /> <label for="wt-cli-checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Non-necessary</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="non-necessary"> <div class="wt-cli-cookie-description"> Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website. </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE & ACCEPT</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div>  <div id="wpcp-error-message" class="msgmsg-box-wpcp hideme"><span>error: </span>Content is protected !!</div> <script> var timeout_result; function show_wpcp_message(smessage) { if (smessage !== "") { var smessage_text = '<span>Alert: </span>'+smessage; document.getElementById("wpcp-error-message").innerHTML = smessage_text; document.getElementById("wpcp-error-message").className = "msgmsg-box-wpcp warning-wpcp showme"; clearTimeout(timeout_result); timeout_result = setTimeout(hide_message, 3000); } } function hide_message() { document.getElementById("wpcp-error-message").className = "msgmsg-box-wpcp warning-wpcp hideme"; } </script> <style> @media print { body * {display: none !important;} body:after { content: "You are not allowed to print preview this page, Thank you"; } } </style> <style type="text/css"> #wpcp-error-message { direction: ltr; text-align: center; transition: opacity 900ms ease 0s; z-index: 99999999; } .hideme { opacity:0; visibility: hidden; } .showme { opacity:1; visibility: visible; } .msgmsg-box-wpcp { border:1px solid #f5aca6; border-radius: 10px; color: #555; font-family: Tahoma; font-size: 11px; margin: 10px; padding: 10px 36px; position: fixed; width: 255px; top: 50%; left: 50%; margin-top: -10px; margin-left: -130px; -webkit-box-shadow: 0px 0px 34px 2px rgba(242,191,191,1); -moz-box-shadow: 0px 0px 34px 2px rgba(242,191,191,1); box-shadow: 0px 0px 34px 2px rgba(242,191,191,1); } .msgmsg-box-wpcp span { font-weight:bold; text-transform:uppercase; } .warning-wpcp { background:#ffecec url('https://brayve.net/wp-content/plugins/wp-content-copy-protector/images/warning.png') no-repeat 10px 50%; } </style> <div class="wppopups-whole" style="display: none"></div> <script type="text/javascript"> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <script type='text/javascript' src='https://brayve.net/wp-includes/js/dist/hooks.min.js' id='wp-hooks-js'></script> <script type='text/javascript' id='wppopups-js-extra'> /* <![CDATA[ */ var wppopups_vars = {"is_admin":"","ajax_url":"https:\/\/brayve.net\/wp-admin\/admin-ajax.php","pid":"5940","is_front_page":"","is_blog_page":"","is_category":"","site_url":"https:\/\/brayve.net","is_archive":"","is_search":"","is_singular":"1","is_preview":"","facebook":"","twitter":"","val_required":"This field is required.","val_url":"Please enter a valid URL.","val_email":"Please enter a valid email address.","val_number":"Please enter a valid number.","val_checklimit":"You have exceeded the number of allowed selections: {#}.","val_limit_characters":"{count} of {limit} max characters.","val_limit_words":"{count} of {limit} max words.","woo_is_shop":"","woo_is_order_received":"","woo_is_product_category":"","woo_is_product_tag":"","woo_is_product":"","woo_is_cart":"","woo_is_checkout":"","woo_is_account_page":""}; /* ]]> */ </script> <script type='text/javascript' src='https://brayve.net/wp-content/plugins/wp-popups-lite/src/assets/js/wppopups.js' id='wppopups-js'></script> <script type='text/javascript' src='https://brayve.net/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js' id='jquery-blockui-js'></script> <script type='text/javascript' id='wc-add-to-cart-js-extra'> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View basket","cart_url":"https:\/\/brayve.net\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; /* ]]> */ </script> <script type='text/javascript' src='https://brayve.net/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js' id='wc-add-to-cart-js'></script> <script type='text/javascript' src='https://brayve.net/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js' id='js-cookie-js'></script> <script type='text/javascript' id='woocommerce-js-extra'> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type='text/javascript' src='https://brayve.net/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js' id='woocommerce-js'></script> <script type='text/javascript' id='wc-cart-fragments-js-extra'> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_3756ffca311585e205874398fe7ec3e3","fragment_name":"wc_fragments_3756ffca311585e205874398fe7ec3e3","request_timeout":"5000"}; /* ]]> */ </script> <script type='text/javascript' src='https://brayve.net/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js' id='wc-cart-fragments-js'></script> <script type='text/javascript' defer="defer" src='https://brayve.net/wp-includes/js/imagesloaded.min.js' id='imagesloaded-js'></script> <script type='text/javascript' defer="defer" src='https://brayve.net/wp-includes/js/masonry.min.js' id='masonry-js'></script> <script type='text/javascript' defer="defer" src='https://brayve.net/wp-content/themes/mesmerize/assets/js/theme.bundle.min.js' id='mesmerize-theme-js'></script> <script type='text/javascript' src='https://brayve.net/wp-content/plugins/visual-footer-credit-remover/script.js' id='jabvfcr_script-js'></script> <script type='text/javascript' id='eael-general-js-extra'> /* <![CDATA[ */ var localize = {"ajaxurl":"https:\/\/brayve.net\/wp-admin\/admin-ajax.php","nonce":"d1ef9b6489","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"page_permalink":"https:\/\/brayve.net\/blog\/2019\/07\/05\/how-to-embed-video-in-wordpress\/"}; /* ]]> */ </script> <script type='text/javascript' src='https://brayve.net/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js' id='eael-general-js'></script> <script> /(trident|msie)/i.test(navigator.userAgent) && document.getElementById && window.addEventListener && window.addEventListener("hashchange", function () { var t, e = location.hash.substring(1); /^[A-z0-9_-]+$/.test(e) && (t = document.getElementById(e)) && (/^(?:a|select|input|button|textarea)$/i.test(t.tagName) || (t.tabIndex = -1), t.focus()) }, !1); </script> <div class="wpautoterms-footer"><p> <a href="https://brayve.net/blog/wpautoterms/privacy-policy/">Privacy Policy</a><span class="separator"> - </span><a href="https://brayve.net/blog/wpautoterms/terms-and-conditions/">Terms and Conditions</a></p> </div></body> </html>

Basket

How to Embed Video In WordPress