Creating Fullscreen HTML5 Video Backgrounds

In this course, we will add HTML5 video to a website and learn how to style it with CSS to create a video background effect. Software required: Brackets Text Editor, Photoshop CC, After Effects CC.
Course info
Rating
(44)
Level
Intermediate
Updated
Jun 2, 2015
Duration
1h 7m
Table of contents
Description
Course info
Rating
(44)
Level
Intermediate
Updated
Jun 2, 2015
Duration
1h 7m
Description

In this course, we will add HTML5 video to a website and learn how to style it with CSS to create a video background effect. We will learn how to choose videos for the web, make edits, and what formats we need for widespread browser support. We will finish up by discussing cross browser testing. This course requires an existing foundation in HTML and CSS. Software required: Brackets Text Editor, Photoshop CC, After Effects CC.

About the author
About the author

Susan is a web design author for Pluralsight. Growing up, Susan was both a passionate artist as well as a computer tech aficionado. When she discovered the world of web development, she found that she could meld those two passions together into something amazing. Soon after, Susan began devoting herself to building beautiful and functional web content for businesses and nonprofits. It was through those experiences Susan developed a fluency for web coding languages.

More from the author
UX Design Creating Wireframes
Intermediate
1h 29m
Jan 3, 2018
WordPress Custom Theme Development
Intermediate
2h 18m
Aug 17, 2016
Semantic HTML
Intermediate
1h 49m
Jan 21, 2016
More courses by Susan Simkins
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi, my name is Susan Simkins, and this is HTML5 Fullscreen Video Backgrounds. In this course we'll add HTML5 video to an existing project and learn how to style it with CSS to create a video background effect. So, you'll need a solid understanding of HTML and CSS for this course. We'll learn how to choose video for the web, and what different formats we need for widespread browser support. We'll finish up by discussing cross-browser testing. So, let's get started in our next lesson by talking about video on the web.