Explore the evolution and best practices of web video and learn how to deliver rich video experiences with ease.
Overview
Syllabus
Introduction
- Design web video experiences
- Exercise files
- History
- Browsers
- MP4 format
- M4V format
- The pipe
- Adobe Media Encoder overview
- Encoding an MP4
- Miro Video Converter
- Handbrake
- Encoding from Adobe Premiere
- Encoding from Adobe After Effects
- Encoding a LottieFile
- The video element
- The source attribute
- Autoplay
- Adding controls
- Alternate content sources
- Poster frame
- Resize video
- Looping video
- Animated GIF
- Overview
- Adobe Experience Design
- Figma
- Principle
- UXPin
- Video in a box
- Applying opacity
- Text wrap
- Apply a gradient
- Rotate a video
- Animate a video
- Background video in After Effects
- Background video in Premiere
- Background video code
- Captioning video
- Cinemagraph in Photoshop
- Animated GIF
- Third-party controllers
- Preparing for social media
- Create a video for your Facebook page
- Using Dynamic Link
- Create a PNG sequence with transparency for an animated GIF
- Create a simple meme
- Next steps
Taught by
Tom Green
Related Courses
-
Using Premiere Pro & Dreamweaver 2017 to make a website with a background video
-
After Effects CC: Learn Motion Graphics for Video
-
Adobe After Effects Fundamentals
-
Adobe Premiere Pro CC: The Complete Video Editing Masterclass
-
Advanced Training with Adobe Premiere Pro CC
-
Adobe Dreamweaver CC Web Design from Adobe Illustrator Mockups
