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.
|
NOTE: |
For more information on adding and enabling video formats, refer to Default Publication Settings: Course: General Settings. |
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.