Expanded Library

Creating Fullscreen HTML5 Video Backgrounds

by Susan Simkins

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.

What you'll learn

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

Susan is a web design tutor 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. Since then, Susan has develo... more

Ready to upskill? Get started