Join Jake Ströh for an in-depth discussion in this video Adding your own HTML, part of Hype Quick Start.
Let's now explore how to add our own simple HTML into a text element and embed…a YouTube clip into a rectangle element. We'll start by inserting a text element.…I'm going to click on the pencil to open up the text editor.…We're going to embed a video from YouTube by KinetEco Incorporated.…So I'm going to type in the company name here.…Now, if I wanted to make this a title, I could insert in…each one tag and it could be the header of our page.…Simple enough.…If I wanted to change the color of the text, I could just…add a style attribute and I can add the CSS style of color.…
And make the tag say red.…I'll click out of here and resize this and place this at the top of our document.…Next, I'm going to embed a video from YouTube.…Before I do that I need to insert a rectangle…so that I can edit the elements of its inner HTML.…I'll place this up in the top left corner because this…becomes the reference point from, which our video will be placed.…Next, I'll jump over to my browser where…I have KinetEco video already up on youtube.com.…
- Creating your first Hype animation
- Understanding the main timeline
- Animating with keyframes
- Modifying keyframes and retiming
- Working with the Capo tool
- Reusing animations
- Masking and cropping
- Animating CSS filters
- Creating buttons and working with mouse actions
- Chaining actions together
- Developing a slideshow
- Creating and managing scenes
- Exporting and embedding Hype documents
Skill Level Beginner
Motion: Principles of Motion Graphicswith Ian Robinson3h 43m Intermediate
1. Getting Started
2. Timeline Animation
3. Managing Timelines and Interactivity
4. Working with Scenes
5. Exporting Your Project
Adding your own HTML1m 45s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.