Businesses know that in order to stay competitive online, they must capture and hold the attention of the visitors to their websites. In an age of shorter attention spans and faster, more advanced technology, this objective has been both harder and easier to achieve.
\r\nVideos have been a favorite of Internet users since YouTube gained traction in the early 2000s, which has since given rise to the prevalence of businesses using these formats and platforms to capture those consumers. Now, with HTML5, businesses can turn their entire website into a video—a new, visually interesting way to make them stand out from the herd of similar websites owned by others in the field.
\r\nIf you don’t know what it looks like, Ulmer Dermatology and Fazoli’s are great examples—as is the Business.com homepage. They all employ HTML5, which is a standardized format for embedding videos on web pages, even allowing browsers without the Flash plug-in to play the video.
\r\nRelated: Download our free Guide to Web Design
\r\nBut before jumping on the latest bandwagon, it's important to have a full understanding of what the actual advantages and disadvantages of HTML full page video are. Only then can you decide whether a video background is right for your site.
\r\nIt’s Engaging
\r\nKeeping a visitor's attention can be difficult, especially when there is not that much visual difference between your competitors' sites and your own. Text, static images, gifs, and embedded video: everyone's seen it before. A full page video background, however, is a design feature that will immediately make any visitor sit up and pay attention.
\r\nIf people find your video to be beautiful, intriguing, or funny, they're more likely to stick around and explore your site. If it truly makes an impact, they may even tell their friends—spreading knowledge of your company by social media and word of mouth.
\r\nIt’s Cutting Edge
\r\nIf your site uses the latest technology, it sends a much more positive message than a site that looks like it hasn't been updated since the ’90s. Keeping abreast of the technology curve assures potential customers that your company is a forward-thinking organization that keeps pace with the latest developments.
\r\nIt’s Informative
\r\nVideo can convey information that text and static images cannot, and full page video has an advantage over normal embedded videos for achieving that goal. For one, covering the entire background of the page makes it a lot easier to see than standard embedded videos, which are often too small to have the desired impact. Furthermore, embedded videos are easily missed by visitors who don't scroll down far enough or who don't bother clicking \"play.\" Full page video doesn't have that problem; it's likely the first thing a visitor will notice when coming to a page. If information that is only easily shown through video is one of the biggest selling points of your company, you'll no longer have to worry about potential customers missing out.
\r\nHTML5 full page video might offer some big advantages, but that doesn't mean it is right for every site.
\r\nIt Has a Longer Load Time
\r\nWhen it comes to website performance, milliseconds matter; if a visitor finds that a page is taking too long to load, they're likely to hit the back arrow and try a different site. A video won't be of any benefit if people don't actually see it; if it causes such a slowdown that people with older computers are no longer able to speedily access your site, it's doing more harm than good.
\r\nRelated Article: 5 Reasons Why Customers are Leaving Your Website
\r\nIt Presents SEO Challenges
\r\nHuman visitors might find a video impressive, but the web crawler Google uses can't actually see it. For purposes of determining the subject of your page and its search ranking, the attention-seizing video that touches on all the keystones of your company is only visible as a line of code. Google must look at the rest of the page to determine what your site is actually about; therefore, it’s important to add content—informative, useful content and not just filler—to the page besides just the video. Otherwise, a page that is stunningly attractive and informative to a human viewer can appear downright skeletal to the crawler.
\r\nNot Every Browser is Compatible
\r\nBecause the Internet is by its very nature disorganized, there is no video format that is universally supported by all browsers. Thus, whichever format you choose, there is a risk of some viewers seeing a site with a background that is one enormous error message instead of your captivating video background. There are steps that can be taken to mitigate this risk; you can use multiple sources to provide a video in various formats depending on the user's browser and display a static image as a last-resort fallback. The fact remains, however, that there is a risk that viewers will not see your site as you meant it to be seen.
\r\nAutoplay Isn’t Always Appreciated
\r\nAutoplay video is inherently disliked by many people—particularly autoplay video with sound. What happens if someone visits your page from a computer in a public location like a library, and it starts blaring music at high volume? The visitor is going to close the page as quickly as possible—and depending on how embarrassed or angry they are, they may not ever come back.
\r\nWhile it's impressive to show off technology’s capabilities, you should never forget that you're building your site to appeal to your customer. If a full page video background is distracting or angering potential customers instead of enticing them, then it's not doing its job. And no matter how impressive it may look, your site would probably be better off without it.
\r\nUsing HTML5 full page video offers a great opportunity to give your site visual flair and make it stand out from competitors, but it's not a one-size-fits-all solution. Used properly, it can give your website a fresh and innovative new look that grabs visitors' attention, making them want to know more about your company and products.
\r\nIt also presents a variety of pitfalls, which must be carefully avoided if you choose to use full page video to its full advantage. Any impact on loading time, potential browser incompatibility, and customer needs should all be taken into consideration when deciding if a video background can make an impact on your site and, ultimately, your business.
\n","docType":"article","guid":"articles_5b9518857cf790e720770187a3f3228c","lastModified":"2014-10-23T13:00:00.000Z","published":"2014-10-23T13:00:00.000Z","structuredData":null,"subtitle":null,"template":"legacy","title":"Pros and Cons of HTML5 Full-Page Video","type":"article","author":{"avatar":null,"bio":"Anca Bradley, Fruition's Associate Director of Search marketing, is a recognized marketer in many industries. In her free time, Anca enjoys various outdoor activities, such as hiking, zip-lining and rafting, and traveling.","name":"Anca Bradley","image":null,"slug":null,"social":{"facebook":"https://www.facebook.com/anca.bradley","linkedin":"http://www.linkedin.com/in/ancabradley","twitter":"ancabradley","website":"http://www.fruition.net"},"status":"enabled","title":null,"type":"Old BDC Member","user":{"imagePath":"https://staging.business.com/images/undefined","profile":{"company":"Caribbean Trade Group","jobTitle":"President","website":""}}},"breadcrumbs":null,"channels":{"primary":{"name":"Marketing","slug":"marketing"},"sub":{"name":"Marketing Solutions","slug":"marketing-solutions"}},"meta":{"robots":"index, follow","description":"In order to stay competitive online, we all must stay up to date with the trends, but what does the HTML5 video trend do and mean for you?","title":"Pros and Cons of HTML5 Full Page Video - business.com"},"parsedContent":{"toc":[],"json":[{"component":"p","children":["Businesses know that in order to stay competitive online, they must capture and hold the attention of the visitors to their websites. In an age of shorter attention spans and faster, more advanced technology, this objective has been both harder and easier to achieve."]},{"component":"p","children":["Videos have been a favorite of Internet users since YouTube gained traction in the early 2000s, which has since given rise to the prevalence of businesses using these formats and platforms to capture those consumers. Now, with HTML5, businesses can turn their entire website into a video—a new, visually interesting way to make them stand out from the herd of similar websites owned by others in the field."]},{"component":"p","children":["If you don’t know what it looks like, ",{"component":"a","props":{"href":"http://ulmerderm.com/","target":"_blank","rel":"nofollow"},"children":["Ulmer Dermatology"]}," and ",{"component":"a","props":{"href":"http://www.fazolis.com/","target":"_blank","rel":"nofollow"},"children":["Fazoli’s"]}," are great examples—as is the Business.com ",{"component":"Link","props":{"href":"/","target":"_blank"},"children":["homepage"]},". They all employ HTML5, which is a standardized format for embedding videos on web pages, even allowing browsers without the Flash plug-in to play the video."]},{"component":"p","children":[{"component":"em","children":["Related"]},": Download our free ",{"component":"Link","props":{"href":"/web-design/guide-to-web-design/","target":"_blank"},"children":["Guide to Web Design"]}]},{"component":"p","children":["But before jumping on the latest bandwagon, it's important to have a full understanding of what the actual advantages and disadvantages of HTML full page video are. Only then can you decide whether a video background is right for your site."]},{"component":"h3","children":[{"component":"strong","children":["What Are the Pros?"]}]},{"component":"p","children":[{"component":"em","children":["It’s Engaging"]}]},{"component":"p","children":["Keeping a visitor's attention can be difficult, especially when there is not that much visual difference between your competitors' sites and your own. Text, static images, gifs, and embedded video: everyone's seen it before. A full page video background, however, is a design feature that will immediately make any visitor sit up and pay attention."]},{"component":"p","children":["If people find your video to be beautiful, intriguing, or funny, they're more likely to stick around and explore your site. If it truly makes an impact, they may even tell their friends—spreading knowledge of your company by social media and word of mouth."]},{"component":"p","children":[{"component":"em","children":["It’s Cutting Edge"]}]},{"component":"p","children":["If your site uses the latest technology, it sends a much more positive message than a site that looks like it hasn't been updated since the ’90s. Keeping abreast of the technology curve assures potential customers that your company is a forward-thinking organization that keeps pace with the latest developments."]},{"component":"p","children":[{"component":"em","children":["It’s Informative"]}]},{"component":"p","children":["Video can convey information that text and static images cannot, and full page video has an advantage over normal embedded videos for achieving that goal. For one, covering the entire background of the page makes it a lot easier to see than standard embedded videos, which are often too small to have the desired impact. Furthermore, embedded videos are easily missed by visitors who don't scroll down far enough or who don't bother clicking \"play.\" Full page video doesn't have that problem; it's likely the first thing a visitor will notice when coming to a page. If information that is only easily shown through video is one of the biggest selling points of your company, you'll no longer have to worry about potential customers missing out."]},{"component":"h3","children":[{"component":"strong","children":["What Are the Cons?"]}]},{"component":"p","children":["HTML5 full page video might offer some big advantages, but that doesn't mean it is right for every site."]},{"component":"p","children":[{"component":"em","children":["It Has a Longer Load Time"]}]},{"component":"p","children":["When it comes to website performance, milliseconds matter; if a visitor finds that a page is taking too long to load, they're likely to hit the back arrow and try a different site. A video won't be of any benefit if people don't actually see it; if it causes such a slowdown that people with older computers are no longer able to speedily access your site, it's doing more harm than good."]},{"component":"p","children":[{"component":"em","children":["Related Article"]},": ",{"component":"Link","props":{"href":"/online-marketing/5-reasons-customers-leaving-website/","target":"_blank"},"children":["5 Reasons Why Customers are Leaving Your Website"]}]},{"component":"p","children":[{"component":"em","children":["It Presents SEO Challenges"]}]},{"component":"p","children":["Human visitors might find a video impressive, but the web crawler Google uses can't actually see it. For purposes of determining the subject of your page and its search ranking, the attention-seizing video that touches on all the keystones of your company is only visible as a line of code. Google must look at the rest of the page to determine what your site is actually about; therefore, it’s important to add content—informative, useful content and not just filler—to the page besides just the video. Otherwise, a page that is stunningly attractive and informative to a human viewer can appear downright skeletal to the crawler."]},{"component":"p","children":[{"component":"em","children":["Not Every Browser is Compatible"]}]},{"component":"p","children":["Because the Internet is by its very nature disorganized, there is no video format that is universally supported by all browsers. Thus, whichever format you choose, there is a risk of some viewers seeing a site with a background that is one enormous error message instead of your captivating video background. There are steps that can be taken to mitigate this risk; you can use multiple sources to provide a video in various formats depending on the user's browser and display a static image as a last-resort fallback. The fact remains, however, that there is a risk that viewers will not see your site as you meant it to be seen."]},{"component":"p","children":[{"component":"em","children":["Autoplay Isn’t Always Appreciated"]}]},{"component":"p","children":["Autoplay video is inherently disliked by many people—particularly autoplay video with sound. What happens if someone visits your page from a computer in a public location like a library, and it starts blaring music at high volume? The visitor is going to close the page as quickly as possible—and depending on how embarrassed or angry they are, they may not ever come back."]},{"component":"p","children":["While it's impressive to show off technology’s capabilities, you should never forget that you're building your site to appeal to your customer. If a full page video background is distracting or angering potential customers instead of enticing them, then it's not doing its job. And no matter how impressive it may look, your site would probably be better off without it."]},{"component":"h3","children":[{"component":"strong","children":["What's the Takeaway?"]}]},{"component":"p","children":["Using HTML5 full page video offers a great opportunity to give your site visual flair and make it stand out from competitors, but it's not a one-size-fits-all solution. Used properly, it can give your website a fresh and innovative new look that grabs visitors' attention, making them want to know more about your company and products."]},{"component":"p","children":["It also presents a variety of pitfalls, which must be carefully avoided if you choose to use full page video to its full advantage. Any impact on loading time, potential browser incompatibility, and customer needs should all be taken into consideration when deciding if a video background can make an impact on your site and, ultimately, your business."]}]},"resource":null,"sponsorship":null,"thumbnail":{"path":null,"caption":"NanoStockk / Getty Images","isBlurred":true},"bestPicks":null},"related":{"relatedArticles":[{"title":"Pros and Cons of HTML5 Full-Page Video","canonical":"https://www.business.com/articles/pros-and-cons-of-html5-full-page-video/","slug":"pros-and-cons-of-html5-full-page-video","thumbnail":"https://www.business.com/images/channel/marketing.jpg","dek":"In order to stay competitive online, we all must stay up to date with the trends, but what does the HTML5 video trend do and mean for you?","lastModified":"2014-10-23T13:00:00Z","published":"2014-10-23T13:00:00Z","sponsored":false},{"title":"Put Your Best Digital Marketing Foot Forward","canonical":"https://staging.business.com/articles/put-your-best-digital-marketing-foot-forward/","slug":"put-your-best-digital-marketing-foot-forward","thumbnail":"https://staging.business.com/images/content/54c/852ce3287b166078b456f/1500-0-","dek":"Make sure you're on top of your digital marketing game by asking yourself these questions.","lastModified":"2015-01-28T14:00:00Z","published":"2015-01-28T14:00:00Z","sponsored":null},{"title":"Show Me the Money: How to Turn Site Visitors into Paying Customers","canonical":"https://www.business.com/articles/show-me-the-money-how-to-turn-site-visitors-into-paying-customers/","slug":"show-me-the-money-how-to-turn-site-visitors-into-paying-customers","thumbnail":"https://www.business.com/images/channel/marketing.jpg","dek":"You'd expect that a lot of traffic coming through to your website would automatically mean more customers and sales, yet it doesn't. Why?","lastModified":"2015-04-24T13:00:00Z","published":"2015-04-24T13:00:00Z","sponsored":false},{"title":"Show Me the Money: How to Turn Site Visitors into Paying Customers","canonical":"https://staging.business.com/articles/show-me-the-money-how-to-turn-site-visitors-into-paying-customers/","slug":"show-me-the-money-how-to-turn-site-visitors-into-paying-customers","thumbnail":"https://staging.business.com/images/content/553/98b363287b1103c8b4567/1500-0-","dek":"You'd expect that a lot of traffic coming through to your website would automatically mean more customers and sales, yet it doesn't. Why?","lastModified":"2017-02-22T23:57:42Z","published":"2015-04-24T13:00:00Z","sponsored":null},{"title":"Your Guide to Creating a Small Business Marketing Plan","canonical":"https://www.business.com/articles/sample-marketing-plan-outline-and-template/","slug":"sample-marketing-plan-outline-and-template","thumbnail":"https://www.business.com/images/content/5f3/3e1765a215eb62d8b4567/1500-0-","dek":"Follow these templates and guidelines to get started on creating your business's marketing plan.","lastModified":"2020-08-12T12:28:00Z","published":"2018-03-02T13:00:00Z","sponsored":false},{"title":"If the 1960s Had Landing Pages: Minimalist Design For Effective Conversion","canonical":"https://staging.business.com/articles/3-layout-tips-for-creating-effective-minimalist-landing-pages/","slug":"3-layout-tips-for-creating-effective-minimalist-landing-pages","thumbnail":"https://staging.business.com/images/content/54d/41a443187b1132c8b4571/1500-0-","dek":"In web design, it's all about looks and functionality. Here are tips to reduce clutter and make your landing page simple, but effective.","lastModified":"2015-02-06T16:00:00Z","published":"2015-02-06T16:00:00Z","sponsored":null},{"title":"Online Marketing Resolutions You Should Make in 2015","canonical":"https://www.business.com/articles/online-marketing-resolutions-you-should-make-for-2015/","slug":"online-marketing-resolutions-you-should-make-for-2015","thumbnail":"https://www.business.com/images/channel/marketing.jpg","dek":"It's time for new year's resolutions, but we're not talking about gym memberships. It's time to make your online marketing dreams come true.","lastModified":"2014-12-31T14:00:00Z","published":"2014-12-31T14:00:00Z","sponsored":false},{"title":"M-Day is Almost Here: Is Your Website Mobile-Friendly Yet?","canonical":"https://staging.business.com/articles/m-day-is-almost-here-is-your-website-mobile-friendly-yet/","slug":"m-day-is-almost-here-is-your-website-mobile-friendly-yet","thumbnail":"https://staging.business.com/images/content/553/545262f87b1fa7b8b457b/1500-0-","dek":"M-Day is upon us! Google is updating its mobile search ranking, so if your site isn't already mobile-friendly, this may be bad news for you.","lastModified":"2015-04-20T20:00:00Z","published":"2015-04-20T20:00:00Z","sponsored":null},{"title":"Online Marketing Resolutions You Should Make in 2015","canonical":"https://staging.business.com/articles/online-marketing-resolutions-you-should-make-for-2015/","slug":"online-marketing-resolutions-you-should-make-for-2015","thumbnail":"https://staging.business.com/images/content/54a/37a2b2f87b1025a8b46a2/1500-0-","dek":"It's time for new year's resolutions, but we're not talking about gym memberships. It's time to make your online marketing dreams come true.","lastModified":"2017-02-22T23:57:44Z","published":"2014-12-31T14:00:00Z","sponsored":null},{"title":"5 Things Entrepreneurs Should Know About Sales and Marketing Today","canonical":"https://www.business.com/articles/the-5-things-entrepreneurs-should-know-about-sales-and-marketing-today/","slug":"the-5-things-entrepreneurs-should-know-about-sales-and-marketing-today","thumbnail":"https://www.business.com/images/content/5d0/1b8437b4374c55a8b4573/1500-0-","dek":"The digital age has introduced obstacles for sales and marketing, but it has also opened doors to countless ways to connect with customers.","lastModified":"2014-10-24T13:00:00Z","published":"2014-10-24T13:00:00Z","sponsored":false},{"title":"5 Things Entrepreneurs Should Know About Sales and Marketing Today","canonical":"https://staging.business.com/articles/the-5-things-entrepreneurs-should-know-about-sales-and-marketing-today/","slug":"the-5-things-entrepreneurs-should-know-about-sales-and-marketing-today","thumbnail":"https://staging.business.com/images/content/544/8022dc9786bd7c08b456e/1500-0-","dek":"The digital age has introduced obstacles for sales and marketing, but it has also opened doors to countless ways to connect with customers.","lastModified":"2019-07-31T20:58:11Z","published":"2014-10-24T13:00:00Z","sponsored":null},{"title":"6 B2B Marketing Tips to Stay Ahead in 2015","canonical":"https://staging.business.com/articles/6-b2b-marketing-tips-to-stay-ahead-in-2015/","slug":"6-b2b-marketing-tips-to-stay-ahead-in-2015","thumbnail":"https://staging.business.com/images/content/54c/10c663287b1d3118b4575/1500-0-","dek":"Like previous years, 2015 is sure to see many new business success stories. Here are 6 great B2B marketing tips to stay ahead of the pack.","lastModified":"2015-01-22T14:00:00Z","published":"2015-01-22T14:00:00Z","sponsored":null}],"relatedReviews":[{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5b99633151ee47a8528b4582/Call_center_bbernard.jpg","canonical":"https://staging.business.com/categories/call-center-services/","title":"The Best Call Center Services for 2021","dek":"Our team has compared the best call center services for 2021. See up-to-date reviews for the top-rated answering services.","slug":"call-center-services","lastModified":"2021-02-26T14:22:00Z"},{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5df7b1b69c658a61728b4567/Answering_Service_scyther5_Getty.jpg","canonical":"https://staging.business.com/categories/best-answering-services/","title":"The Best Answering Services of 2021","dek":"Our teams have compared the best answering services for 2020. See up-to-date reviews and prices for these top-rated services.","slug":"best-answering-services","lastModified":"2021-02-26T14:18:00Z"},{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5d4c65367b43741a258b4572/Laptop_Sfio_Cracho.png","canonical":"https://staging.business.com/categories/crm-software/","title":"The Best CRM Software of 2021","dek":"Looking for the best CRM software? We have easy-to-read, expert unbiased reviews and feature comparisons of the best and cheapest programs.","slug":"crm-software","lastModified":"2021-02-24T14:09:00Z"}],"relatedSponsoredArticles":null}},"pageContext":{"displayModified":"2014-10-23T13:00:00.000Z","template":"legacy","title":"Pros and Cons of HTML5 Full-Page Video","meta":{"robots":"index, follow"},"docType":"articles","slug":"pros-and-cons-of-html5-full-page-video","canonical":"https://staging.business.com/articles/pros-and-cons-of-html5-full-page-video/","skipTOC":false}},"staticQueryHashes":[]}