HTML5 Responsive Autoplay Video Code Snippet

Updated on June 4th, 2019
read

In order to make your HTML5 video responsive you will need to add the following CSS style properties: width: 100%, and max-height: 100%.

<video style="width: 100%; max-height: 100%;" autoplay="autoplay" width="300" height="150">
  <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4" />
  Your browser does not support the video tag.</video>

Your browser does not support the video tag.</video>

HubSpot CRM is 100% Free

Organize, Track & Sell With Ease. HubSpot CRM Just Works. No Technical Setup. No CC Required. No Contract Needed.

Written by: Jacob Lett - Jacob is a HubSpot CMS designer & developer who helps B2B businesses grow their revenue. Unlike his competitors, he focuses on small and consistent website design changes to increase results. He recently created the Industrial HubSpot Theme to help manufacturers quickly build their website on the HubSpot CMS platform. Connect on LinkedIn
Category: Code Snippets
Tags: Web Design

Advertise Here

HubSpot CRM is 100% Free

Share this: