Join Joseph Labrecque for an in-depth discussion in this video HTML5 video components, part of Adobe Animate CC New Features.
- [Instructor] Video playback on the web…is a huge reason why Flash Player…has enjoyed such widespread usage.…With this update of Animate CC…we can now perform video playback in HTML5 Canvas projects…through the use of components as well.…Here's my Components panel.…If you need to open yours, it's under Window, Components.…Underneath here, you'll notice there's a video folder…with a video component.…Let's go ahead and pull this out onto our stage.…
I'm going to adjust the size of this component to 340x340.…I'll then position it at about 30 pixels…from the X and Y positions.…So it's nice and, sort of, centered on the stage,…leaving little room for extra components down below…if I desire.…With that particular component selected…we can choose a source for the video…by clicking this little pencil icon here.…
So I'm going to browse for my video.…And here it is fountain.mp4.…We'll go ahead and open the video.…If we want to, we can actually have Animate adjust…the size of the video component to match…the dimensions of our video.…
Author
Joseph Labrecque
Updated
10/20/2020Released
6/13/2017- The new modern UI
- Timeline enhancements
- Advanced onion skinning
- Fluid Brush tool and Fresco Brushes
- Enhanced animation tooling
- Frame Picker enhancements
- Custom ease presets for shape tweens
- Resetting the camera position
- Interactivity enhancements
- Global JavaScript declaration
- Including external JavaScript libraries
Skill Level Intermediate
Duration
Views
Q: This course was updated on 10/18/2017. What changed?
A: New videos were added that cover general enhancements to Adobe Animate CC, including changes to the interface, timeline enhancements, the updated Actions Wizard, and using the camera with layer depth.
Q: This course was updated on 10/15/2018. What changed?
A: New videos were added that cover the October 2018 updates to Adobe Animate CC.
-
Introduction
-
Welcome44s
-
Using the exercise files1m 8s
-
-
October 2020 Updates
-
Asset management additions4m 29s
-
Rig mapping workflows4m 34s
-
Timeline tools customization1m 32s
-
Quick share improvements1m 39s
-
Layer and symbol management4m 19s
-
-
June 2020 Updates
-
Using the Assets panel3m 6s
-
Creating a hands-on tutorial7m 48s
-
November 2019 Updates
-
Application modernization2m 55s
-
Custom toolbars2m 37s
-
Onion skin advanced settings3m 59s
-
Video export enhancements2m 48s
-
-
April 2019 Updates
-
Using layer blend modes3m 2s
-
User interface improvements2m 30s
-
Additional improvements1m 29s
-
October 2018 Updates
-
WebGL-glTF document types3m 12s
-
Layer parenting5m 4s
-
Auto lip sync3m 56s
-
Use frame effects3m 16s
-
October 2017 Updates
-
Timeline enhancements2m 8s
-
Modifying frame spans4m 24s
-
Easing enhancements2m 58s
-
Actions Wizard3m 48s
-
Animate preferences1m 19s
-
June 2017 Updates
-
Frame Picker enhancements1m 31s
-
Resetting camera position2m 56s
-
HTML5 video poster and mute2m 52s
-
-
November 2016 Updates
-
Animate the camera3m 27s
-
Stage clipping and outlines1m 19s
-
Share documents and symbols1m 49s
-
Google Fonts3m 13s
-
Vector brush creation2m 14s
-
Vector brush manager2m 1s
-
HTML5 UI components2m 23s
-
HTML5 video components2m 32s
-
Code snippets for components6m 29s
-
Export an image3m 6s
-
Export an animated GIF2m 12s
-
Publish a SWF archive2m 11s
-
Conclusion
-
Goodbye45s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: HTML5 video components