You can insert and embed video files into a course. Video files can be used to demonstrate a task or to further explain a concept. Well-made videos can reduce training time by quickly demonstrating a concept that would otherwise require much technical text or complicated diagrams. You can add multiple video formats; however, not all video formats are supported by all browsers. Please refer to the Technical Specifications for requirements.
Inserting a Video File
- During page creation, select a stencil that allows you to insert a video. For more information, refer to Inserting a Page.
|
NOTE:
|
There is no limit to how many videos can be added to a course page.
|
- In the content area, click the Add Video… icon.
- Choose one of the following options:
|
If You Want To
|
Then
|
|
Insert a video
|
- Select Local Video in the Type drop-down list.
- Click Browse and locate the video you want to upload.
- Click Open after selecting the video file.
- Optionally, insert a caption for the video in the Caption field.
|
|
Embed a video
|
- Select Embedded Video in the Type drop-down list.
- Optionally, insert a caption for the video in the Caption field.
NOTE: This is for screen readers only. A caption can be added at the end of the embedded code. This text will display below the video in the published output.
- Enter the embedded video code in the Embed Code field.
NOTE: Any text added after the <iframe> could result in the video not displaying correctly.
|
- Click OK.
|
NOTE:
|
For embedded web videos, a placeholder image will be displayed.
|
|
NOTE:
|
Adjusting the size of the content area will not adjust the size of an embedded video. The height and width must be adjusted in the embedded code.
|
- Choose one of the following options:
|
If You Want To
|
Then
|
|
Select a different video
|
Click the Change Video... icon.
|
|
Remove the video
|
Click the Delete Video... icon.
|
Editing a Video File
- Navigate to the video you want to edit.
- Right-click on the video and select Edit Video….
- Choose one of the following:
|
If You Want To
|
Then
|
|
Edit a local video
|
Go to Step 4.
|
|
Edit an embedded video
|
Go to Step 6.
|
- Edit the following fields:
|
Field
|
Description
|
|
Layout
|
Select an alignment option for the current video.
The default value is top left corner.
|
|
Width
|
Select a video width.
|
|
Height
|
Select a video height.
|
|
Maintain aspect ratio
|
If checked, the video will adjust width/height when either is changed.
|
|
Start Time
|
Select a start time within the video for video playback.
NOTE: If your video is 5 minutes long and you want to skip the first 2 minutes, the start time would be 3 minutes.
|
|
End Time
|
Select an end time for video playback.
The maximum value is the length of the video clip.
|
|
Play on load
|
If checked, the video will start automatically when loaded in the browser.
The default value is selected.
NOTE: If you add multiple videos to a course page, you should modify this option to improve the end-user experience during playback.
|
|
Loop
|
If checked, the video clip will play on a continuous loop.
|
|
Volume
|
Select a volume level for the video.
|
|
Caption
|
Enter a caption for the video.
The maximum value is 255 characters.
NOTE: Hovering over the video in the published output, displays the caption for local videos only.
|
|
Localized
|
If checked, the video will be localized.
|
- Go to Step 7.
- Edit the following fields:
|
Field
|
Description
|
|
Layout
|
Select an alignment option for the current video.
The default value is center.
|
|
Caption
|
Enter a caption for the video.
The maximum value is 255 characters.
NOTE: A caption can be entered at the end of the embedded code. This text will display below the video in the published output.
|
|
Embed Code
|
Enter the embedded code for the video.
NOTE: Any text added after the <iframe> could result in the video not displaying correctly.
NOTE: The height and width are specified in the embedded code.
NOTE: You can add code to auto play the embedded video.
|
|
Localized
|
If checked, the video will be localized.
|
|
NOTE:
|
Adjusting the size of the content area will not adjust the size of an embedded video. The height and width must be adjusted in the embedded code.
|
- Click OK.