In this lesson you'll see how easy it is to add a label over a video. You'll also see the your label item added to the Timeline now displaying at the bottom of the interface.
Steps to add a Label to an image.
Instead of adding text within an image file you can add Labels when authoring. This is great for identifying or naming parts of a diagram, for example.
If you move the image on a Claro page or if it moves or resizes in a Flow page the labels will stay in position in relation to the image.
The text in the labels is also included in Translation export files, making it easy to translate the text (much easier than editing the image in another application to ch...
Steps to show an Element triggered by a Variable within a Video Element.
Steps to add a label to an Image Element.
The label is added as a layer within the image element.
If you move the element on the page, the label will move as well and remain in its location above the image.
Steps to add a video to your page from a source like YouTube or Vimeo using an embed code.
Embedded videos are essentially played within an iframe on the page, so they are more limited than uploaded videos. For example, you can't add layered content over them and you can't set up actions based on the embedded video's timeline.
The Video Playlist widgets make it easy to add a collection of Vimeo or YouTube videos to any page.
Check out the drag and drop option for adding more videos, it's a great time saver.
When added to a Flow page, the Playlist is responsive. On wider screens the list of videos will display on the right side of the main video panel. On narrower screens the list of videos will be shown under the main video panel.
NOTE: You can't mix YouTube and Vimeo videos in the same Playlist.
The Video Playlist widgets make it easy to add a collection of Vimeo or YouTube videos to any page
Steps to set an action to show a page element when the learner clicks on a hotspot added over an image.
.png&id=a307503f)
Learn how to add a Variable to Elements within a video, to show an Element once the Variable is triggered.
Steps to add a Hover Animation to a Tile Card component.
Steps to add a Label to an image.
Instead of adding text within an image file you can add Labels when authoring. This is great for identifying or naming parts of a diagram, for example.
If you move the image on a Claro page or if it moves or resizes in a Flow page the labels will stay in position in relation to the image.
The text in the labels is also included in Translation export files, making it easy to translate the text (much easier than editing the image in another application to ch...
Steps to show an Element triggered by a Variable within a Video Element.
Steps to add a label to an Image Element.
The label is added as a layer within the image element.
If you move the element on the page, the label will move as well and remain in its location above the image.
Steps to add a video to your page from a source like YouTube or Vimeo using an embed code.
Embedded videos are essentially played within an iframe on the page, so they are more limited than uploaded videos. For example, you can't add layered content over them and you can't set up actions based on the embedded video's timeline.
The Video Playlist widgets make it easy to add a collection of Vimeo or YouTube videos to any page.
Check out the drag and drop option for adding more videos, it's a great time saver.
When added to a Flow page, the Playlist is responsive. On wider screens the list of videos will display on the right side of the main video panel. On narrower screens the list of videos will be shown under the main video panel.
NOTE: You can't mix YouTube and Vimeo videos in the same Playlist.
The Video Playlist widgets make it easy to add a collection of Vimeo or YouTube videos to any page
Steps to set an action to show a page element when the learner clicks on a hotspot added over an image.
Learn how to add a Variable to Elements within a video, to show an Element once the Variable is triggered.
Steps to add a Hover Animation to a Tile Card component.
Comments ( 0 )
Sign in to join the discussion.