{"id":162830,"date":"2017-03-01T13:00:30","date_gmt":"2017-03-01T13:00:30","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=162830"},"modified":"2017-03-01T00:52:32","modified_gmt":"2017-03-01T00:52:32","slug":"using-video-wordpress","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/using-video-wordpress\/","title":{"rendered":"How to Use Video on Your WordPress Site in 2017"},"content":{"rendered":"<p>Back in 2009, WordPress added video embedding capabilities into their <a href=\"https:\/\/codex.wordpress.org\/Embeds\" rel=\"noopener\" target=\"_blank\">2.9 update<\/a>. A lot has changed since then. Take the latest WordPress <a href=\"https:\/\/wordpress.org\/news\/2016\/12\/vaughan\/\" rel=\"noopener\" target=\"_blank\">4.7 release<\/a>, for instance. The new Twenty Seventeen theme now automatically comes with a built-in video header option.<\/p>\n<p>It\u2019s not surprising to see WordPress make this foray into video with their latest update. Many developers have already recognized a need to create built-in video background capabilities for their themes. With video as big as it is right now, and with it showing little signs of slowing, it only makes sense that we\u2019re seeing more video functionality pop up in WordPress as 2017 wears on.<\/p>\n<p>When it comes to your website, it\u2019s important to have a steady stream of relevant content flowing through it\u2014to secure your audience\u2019s attention and to boost SEO. Video content is an excellent way to keep your content fresh, tap into this medium\u2019s popularity with your audience, and also differentiate yourself from the competition.<\/p>\n<p>If you\u2019re ready to take advantage of this growing marketing trend, today\u2019s article will explore the various ways you can creatively use video on your WordPress site in 2017.<\/p>\n<p><em>Note: As many of the videos featured in this post use Vimeo, we&#8217;ve had to provide screenshots, unfortunately! But do click through to the websites to see how they look in context.<\/em><\/p>\n<h3>Creative Ways to Use Video on Your Website<\/h3>\n<p>The future looks bright for video. Cisco predicts that, by 2020, video will comprise about <a href=\"http:\/\/www.cisco.com\/c\/en\/us\/solutions\/collateral\/service-provider\/visual-networking-index-vni\/complete-white-paper-c11-481360.html\" rel=\"noopener\" target=\"_blank\">80% of all Internet traffic<\/a>.<\/p>\n<p>Although we\u2019ve got a few years to go, there are various ways you can start to use video content on your WordPress site today. Here are some examples of how marketers use video to attract and engage an audience through video:<\/p>\n<h4>Background Video Headers<\/h4>\n<p>The <a href=\"https:\/\/www.youvisit.com\/\" rel=\"noopener\" target=\"_blank\">YouVisit<\/a> website features stunning fullscreen videos designed to give visitors 3D tours of your business or facility.<\/p>\n<div  class=\"wpdui-pic-large   \" > <img loading=\"lazy\" decoding=\"async\" class=\"attachment-1364x1364 size-1364x1364\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/get-going-today.jpg\" alt=\"Get Going today website\" width=\"1364\" height=\"775\" \/> <\/div>\n<h4>Welcome Videos for the Home Page<\/h4>\n<p>The WPMU DEV website features a fun superhero-themes promotional video on the home page that advertises our products.<\/p>\n<h4>Explainer Videos for Landing Pages<\/h4>\n<p><a href=\"https:\/\/www.marketingsherpa.com\/article\/how-to\/videos-attract-300-more-traffic\" rel=\"noopener\" target=\"_blank\">Research<\/a> says explainer videos lead to \u201c100% longer average time-on-site per visitor (another 1-2 minutes).\u201d<\/p>\n<p>The CrazyEgg website features a fun explainer video that runs through the features of the service.<\/p>\n<div  class=\"wpdui-pic-regular  \"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670 size-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/crazy-egg.jpg\" alt=\"Crazy Egg\" width=\"670\" height=\"450\" \/><\/div>\n<h4>Video Blogs<\/h4>\n<p>Vimeo&#8217;s <a href=\"https:\/\/vimeo.com\/blog\/courses?s=video+school\" target=\"_blank\">Video School<\/a> offers advice on how to vlog.<\/p>\n<div  class=\"wpdui-pic-regular  \"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-670x670 size-670x670\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/video-blog.jpg\" alt=\"Video blog\" width=\"670\" height=\"376\" \/><\/div>\n<h4>User-Generated Content for Your Product, Service, or Company<\/h4>\n<p>The GoPro website features <a href=\"https:\/\/gopro.com\/news\/gopro-launches-gopro-awards\" target=\"_blank\">content produced by its users<\/a>\u00a0that show off how much fun they have with the product.<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><span class=\"embed-youtube-lazy-id dev-hidden\">chJ0HFpQ0A4<\/span><\/span><\/p>\n<h4>Product How-To Videos<\/h4>\n<p><a href=\"https:\/\/www.wyzowl.com\/video-marketing-statistics-2016.html\" rel=\"noopener\" target=\"_blank\">Ninety-three per cent of businesses<\/a> believe help to improve consumers\u2019 understanding of their products.<\/p>\n<p><a href=\"https:\/\/www.solostove.com\/solo-stove-titan\/\" target=\"_blank\">Solo Stove<\/a> has well-produced and informative how-to videos of its products.<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><span class=\"embed-youtube-lazy-id dev-hidden\">8BhNmcOqPv8<\/span><\/span><\/p>\n<p>These samples are just the tip of the iceberg. Additionally, you can use video to:<\/p>\n<ul>\n<li>Reshare videos from your social media live feed. Since about <a href=\"http:\/\/images.forbes.com\/forbesinsights\/StudyPDFs\/Video_in_the_CSuite.pdf\" rel=\"noopener\" target=\"_blank\">75% of executives<\/a> \u201cwatch work-related videos on business-related websites at least weekly,\u201d this is a great opportunity to keep those informative videos in rotation.<\/li>\n<li>Give customers a behind-the-scenes look at your company.<\/li>\n<li>Talk about breaking a news story that\u2019s relevant to your audience.<\/li>\n<li>Host webinars, <a href=\"https:\/\/wpmudev.com\/blog\/inspiring-wordpress-tutorials\/\" target=\"_blank\" rel=\"noopener\">tutorials<\/a>, or <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-podcasts\/\" target=\"_blank\" rel=\"noopener\">podcasts<\/a>.<\/li>\n<\/ul>\n<p>Regardless of how you decide to use video, the end goal should always be the same: to engage with visitors on a more personal level.<\/p>\n<h3>13 WordPress Plugins to Help You Embed Video on Your WordPress Site<\/h3>\n<p>Coming up with an idea for and shooting a video is the hard part. Getting the video up on your site is child\u2019s play.<\/p>\n<p>Here are 13 tools to use to get your video uploaded, embedded, or imported to your WordPress site.<\/p>\n<ul class=\"dev-tutorial-list\"><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Advanced Responsive Video Embedder Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"224\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/02\/advanced-responsive-video-embedder-600x224.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Advanced Responsive Video Embedder Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>Video files can be cumbersome \u2013 especially if your website is already running at maximum capacity. Rather than weigh down your server with another video file, consider storing it offsite (like in Dropbox or on YouTube). That way, all you\u2019ll need is the URL when using the Advanced Responsive Video Embedder plugin. As a bonus, this tool is SEO-friendly, so you\u2019ll be prompted to create all necessary metadata to help visitors better find your video content in search.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Advanced Responsive Video Embedder Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/advanced-responsive-video-embedder\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">FV Flowplayer Video Player Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"224\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/02\/fv-flowplayer-video-player-600x224.jpg\" class=\"attachment-ratio-large size-ratio-large\" alt=\"FV Flowplayer Video Player Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>If you\u2019ve created a video in MP4 or FLV format, you can use the FV Flowplayer plugin to add that new content to your site. While this WordPress plugin comes chock-full of features (including advanced controls over how and when your video plays), the biggest selling point of this is its retina ready and responsive design, ensuring that all visitors will be able to view your video without issue.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in FV Flowplayer Video Player Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/fv-wordpress-flowplayer\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Huge-IT Video Player Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"224\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/02\/huge-it-video-player-600x224.jpg\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Huge-IT Video Player Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>For flexibility and ease of use in getting new video content on your site, the Huge-IT Video Player plugin is a good one to start with. You can upload a video file directly to WordPress, embed one from a URL, or you can grab a copy of it from a website like Vimeo or YouTube. There are other personalization options that make this plugin extremely user-friendly, including thumbnail selections, video player sizing, playlist creation, and more.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Huge-IT Video Player Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/video-player\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Video Embed & Thumbnail Generator Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"224\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/02\/video-embed-and-thumbnail-generator-600x224.jpg\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Video Embed &amp; Thumbnail Generator Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>Video content should be just as responsively designed as all other content on your website. The Video Embed &amp; Thumbnail Generator plugin helps users do this by offering a variety of video player options (like Video.js, MediaElement.js, and Flash). It\u2019s also easy to use, so this is a great plugin for the novice to advanced WordPress user looking for a quick way to upload and embed video content on their site.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Video Embed & Thumbnail Generator Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/video-embed-thumbnail-generator\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">YouTube Embed Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"224\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/02\/youtube-embed-plugin-600x224.jpg\" class=\"attachment-ratio-large size-ratio-large\" alt=\"YouTube Embed Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>If you\u2019ve ever wanted a simple solution for getting your YouTube videos over to your website, this YouTube Embed plugin is a good choice. You can add individual videos or entire playlists in a gallery format. As with most other video player plugins, this one comes with additional control features to ensure your video content is optimized, plays, and looks exactly how you want it to.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in YouTube Embed Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/youtube-embed-plus\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Video Background Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"224\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/02\/video-background-600x224.jpg\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Video Background Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>If your WordPress theme does not include functionality that enables you to easily create a video background on your website, you can use this plugin instead. Just be aware that this plugin is not meant for the novice WordPress user. However, if you understand jQuery and coding in general, you shouldn\u2019t have any problem with this.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Video Background Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/video-background\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Video Thumbnails Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"224\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/02\/video-testimonials-600x224.jpg\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Video Thumbnails Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>Although this is not a video player plugin, per se, it\u2019s one you\u2019ll need if you\u2019re adding video content to your pages or posts. The Video Thumbnails plugin streamlines the process of assigning thumbnails to each page that contains video content, ensuring that your main blog page showcases the right thumbnail and that every social share contains one as well.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Video Thumbnails Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/video-thumbnails\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Featured Video Plus Plugin<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"224\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/02\/featured-video-600x224.jpg\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Featured Video Plus Plugin image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>This plugin serves a similar purpose as the Video Thumbnails Plugin. However, the key difference is that this one allows users to add a video as the featured highlight of a post instead of a thumbnail or preview image.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Featured Video Plus Plugin?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/featured-video-plus\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><\/ul><!-- end dev-tutorial-list -->\n<h3>Wrapping Up<\/h3>\n<p>Keep in mind that video content will only catch your audience\u2019s interest if you can provide real value with it. So, take some time to come up with a killer idea that your audience will love. Once you see how well it performs, you can then start incorporating more (and regular) video content into your WordPress site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Back in 2009, WordPress added video embedding capabilities into their 2.9 update. A lot has changed since then. Take the latest WordPress 4.7 release, for instance. The new Twenty Seventeen theme now automatically comes with a built-in video header option. It\u2019s not surprising to see WordPress make this foray into video with their latest update. [&hellip;]<\/p>\n","protected":false},"author":344989,"featured_media":163005,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[261],"tutorials_categories":[],"class_list":["post-162830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-video"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/162830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/344989"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=162830"}],"version-history":[{"count":20,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/162830\/revisions"}],"predecessor-version":[{"id":223539,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/162830\/revisions\/223539"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/163005"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=162830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=162830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=162830"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=162830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}