Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Delivering Video in Web Experiences

via LinkedIn Learning

Go to class Write review

Details

Go to class

Provider

LinkedIn Learning
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Duration & workload

3-4 hours
Sessions

On-Demand

Found in

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Explore the evolution and best practices of web video and learn how to deliver rich video experiences with ease.

Syllabus

Introduction

Design web video experiences
Exercise files

1. Encoding Video

History
Browsers
MP4 format
M4V format

2. HTML5 and Video

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

3. HTML5 and Video

The video element
The source attribute
Autoplay
Adding controls
Alternate content sources
Poster frame
Resize video
Looping video
Animated GIF

4. Video and UX Prototyping

Overview
Adobe Experience Design
Figma
Principle
UXPin

5. Video and CSS

Video in a box
Applying opacity
Text wrap
Apply a gradient
Rotate a video
Animate a video

6. Playing With 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

Conclusion

Next steps

Taught by

Tom Green

Reviews

Start your review of Delivering Video in Web Experiences