Video Settings
Adding a Video
To add a video Asset to the Canvas, click the Videos button in the left sidebar menu to open the Video main screen.
On the Video main screen, click the Go to YouTube button in the upper-right corner to go to YouTube.
- In the share options of the YouTube video you want to add, click the Embed button.
- Copy the URL included in the src=”...” area of the Embed code.
Paste the copied URL into the YouTube URL input field at the bottom of the Video main screen in the design editor, then click the Add a Video button.
- If the URL is entered in a valid format, a video Asset is added to the Canvas.
- If the entered URL format is invalid, the video Asset is not added to the Canvas, and an error message appears below the input field.
Screen When a Valid URL Is Entered
Screen When an Invalid URL Is Entered
When adding a video, you must enter the YouTube Embed URL format.
Added videos are displayed as previews on the Canvas. During actual operation, the video thumbnail and playback area are reflected based on the registered YouTube URL.
- If the video has been deleted or the wrong URL has been entered, the Video not available message is displayed in the video area added to the Canvas.
YouTube URL Linked Successfully
YouTube URL Link Failed
Video Settings : Position
To change the selected Asset’s Align, Location, and Layer Order, use the Position section in the left settings panel.
Click the alignment icon button in the Align section to position the selected element based on left, center, right, top, middle, and bottom.
In the Location section, you can set the selected Asset’s X/Y position coordinates.
- You can set the selected Asset’s X/Y position coordinates using keyboard shortcuts.
- You can move the selected Asset by dragging and dropping with the mouse.
| Function | Window | MAC |
| Move Up by 1px | Up(↑) | Up(↑) |
| Move Down by 1px | Down(↓) | Down(↓) |
| Move Left by 1px | Left(←) | Left(←) |
| Move Right by 1px | Right(→) | Right(→) |
| Move Up by 10px | shift + Up(↑) | shift + Up(↑) |
| Move Down by 10px | shift + Down(↓) | shift + Down(↓) |
| Move Left by 10px | shift + Left(←) | shift + Left(←) |
| Move Right by 10px | shift + Right(→) | shift + Right(→) |
Using Layer Order, you can set the stacking order of elements on the Canvas relative to the selected Asset (Forward, Backward, To front, To back).
- You can also set the stacking order of the selected Asset using keyboard shortcuts.
- You can also set the stacking order between elements by dragging and dropping with the mouse in the right Layers panel.
- Forward : Moves the selected element one step forward.
- Backward : Moves the selected element one step backward.
- To front : Moves the selected element to the very front among all elements on the Canvas.
- To back : Moves the selected element to the very back among all elements on the Canvas.
| Function | Window | MAC |
| Move Forward One Step | Ctrl + ] | ⌘ + ] |
| Move Backward One Step | Ctrl + [ | ⌘ + [ |
| Bring to Front | Ctrl + shift + ] | ⌘ + shift + ] |
| Send to Back | Ctrl + shift + [ | ⌘ + shift + [ |
Video Settings : Size
In the Size section of the left settings panel, you can set the size values of the selected Asset (width and height).
- You can resize the selected element by dragging with the mouse the visible corner handles or edge handles.
| Function | Window | MAC |
|
Freely Resize |
Drag Corner | Drag Corner |
|
Resize Proportionally |
Shift + Drag Corner | Shift + Drag Corner |
|
Resize Width/Height |
Drag Edge Handle | Drag Edge Handle |
Video Settings : Style
In the Style section of the left Video settings panel, you can set the selected Asset’s Angle.
- Angle : Adjusts the tilt angle of the selected Video element.
