.resizable_block { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */ background: transparent; } .resizable_block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
Increase - Responsive HTML5 Site Template
Home
Features
Shortcodes
Buttons
Information Boxes
Columns
Pricing Tables
Tabs & Toggle
Post Type Shortcode
Media
Audio & Video Players
Lightboxes
Site Tour
Google Maps
Typography
Layouts
About Page
Services Page
Timeline Page
404 Error Page
Sitemap
Left Sidebar
Right Sidebar
Heading Templates
Standard Heading
With Icon
With Text
With Icon & Text
Portfolio
Sortable Portfolio
Four Columns
Three Columns
Two Columns
One Column
Without Sorting
Four Columns
Three Columns
Two Columns
One Column
Project Layouts
Image Slider
Video
Album Four Columns
Album Three Columns
Album Two Columns
Album One Column
Blog
Blog With Sidebar
Full Width Blog
Blog Post
Contacts
Media
Home
/
Features
/
Shortcodes
/ Media
HTML5 Video
Your browser does not support the video tag.
Youtube Video
Vimeo Video
DailyMotion Video
Screenr Video
HTML5 Audio
Your browser does not support the audio tag.
Audio used in demo: © 2003 Miaow / Arnaud Laflaquiere -
MiaowMusic.com
Slideshow
