2015
Lynda
Chris Converse
0:28
English
Learn to use HTML5 video as a design element, by running it below other text and graphics on your website. This episode of Design the Web quickly runs through the six steps to accomplishing this technique, including: setting up the video element, positioning a logo and caption over the video, making the layout responsive with CSS, and using Modernizr to adapt the layout for mobile users. The exercise files are free to all members, so get started now.
Introduction
About this course
About the exercise files
1. Using Video as a Design Element
Setting up the HTML and video element
Positioning the logo over the video
Styling and positioning the caption
Making the layout responsive with CSS
Detecting features of mobile with Modernizr
Setting the video to the full browser space
Download File Size:88.95 MB