How to Add Video to Your Page ?

Through this document , you will uncover the 'Video' feature properties in site editor page .
Vimeo
YouTube
Daily Motion
HTML 5 Video
Sound Cloud
Vimeo
Feature Settings
Upon dropping the Vimeo icon , a settings window will appear, offering three main features:
Settings
Add your video link
Determine how your video is visible on devices (Mobile , Tablet , Desktop , Large desktop).
____________________________________________________________________________
Video
Include videos on your website by choosing from two options: select from your uploaded videos or upload new videos
____________________________________________________________________________
Animations
Add animation to your video box from a long list of animation options.
Enhance your animated video box by incorporating timing in seconds.
Style Settings
Design Features
Access the "Design" feature to customize your video box appearance. Within this feature, you can determine the following properties:
Margin: Set the spacing around your video box to control its placement on the page.
Border: Define a border for your video box to add a distinct visual element.
Color: Choose the color that best complements your website's theme or design.
Style: Apply different styles to your video box, enhancing its visual appeal.
Gradient: Add gradient effects to your video box for a more dynamic and modern look.
Background Features
Navigate to the "Background" feature to enhance the backdrop of your video box.
Upload Images: Insert images as a background for your video box, providing visual interest.
Sample Images: Explore pre-loaded image samples for quick and easy background selection.
Background Styling: Customize the video box background further with options like:
- Background Repeat: Control how the background image repeats.
- Background Fill: Adjust how the background fills the space around the video box.
- Background Position: Define the positioning of the background image for optimal display.
Style Customization
Within the "Style" section, further refine your video box presentation by adding classes from a dropdown list with a plethora of options.
Determine how your video box are visible on devices (Mobile , Tablet , Desktop , Large desktop).
YouTube
Feature Settings
Upon dropping the Youtube icon , a settings window will appear, offering three main features:
Settings
Add your video link
Determine how your video is visible on devices (Mobile , Tablet , Desktop , Large desktop).
____________________________________________________________________________
Video
Include videos on your website by choosing from two options: select from your uploaded videos or upload new videos
____________________________________________________________________________
Animations
Add animation to your video box from a long list of animation options.
Enhance your animated video box by incorporating timing in seconds.
Style Settings
Design Features
Access the "Design" feature to customize your video box appearance. Within this feature, you can determine the following properties:
Margin: Set the spacing around your video box to control its placement on the page.
Border: Define a border for your video box to add a distinct visual element.
Color: Choose the color that best complements your website's theme or design.
Style: Apply different styles to your video box, enhancing its visual appeal.
Gradient: Add gradient effects to your video box for a more dynamic and modern look.
Background Features
Navigate to the "Background" feature to enhance the backdrop of your video box.
Upload Images: Insert images as a background for your video box, providing visual interest.
Sample Images: Explore pre-loaded image samples for quick and easy background selection.
Background Styling: Customize the video box background further with options like:
- Background Repeat: Control how the background image repeats.
- Background Fill: Adjust how the background fills the space around the video box.
- Background Position: Define the positioning of the background image for optimal display.
Style Customization
Within the "Style" section, further refine your video box presentation by adding classes from a dropdown list with a plethora of options.
Determine how your video box are visible on devices (Mobile , Tablet , Desktop , Large desktop).
Daily Motion
Feature Settings
Upon dropping the Daily Motion icon , a settings window will appear, offering three main features:
Settings
Add your video link
Determine how your video is visible on devices (Mobile , Tablet , Desktop , Large desktop).
____________________________________________________________________________
Video
Include videos on your website by choosing from two options: select from your uploaded videos or upload new videos
____________________________________________________________________________
Animations
Add animation to your video box from a long list of animation options.
Enhance your animated video box by incorporating timing in seconds.
Style Settings
Design Features
Access the "Design" feature to customize your video box appearance. Within this feature, you can determine the following properties:
Margin: Set the spacing around your video box to control its placement on the page.
Border: Define a border for your video box to add a distinct visual element.
Color: Choose the color that best complements your website's theme or design.
Style: Apply different styles to your video box, enhancing its visual appeal.
Gradient: Add gradient effects to your video box for a more dynamic and modern look.
Background Features
Navigate to the "Background" feature to enhance the backdrop of your video box.
Upload Images: Insert images as a background for your video box, providing visual interest.
Sample Images: Explore pre-loaded image samples for quick and easy background selection.
Background Styling: Customize the video box background further with options like:
- Background Repeat: Control how the background image repeats.
- Background Fill: Adjust how the background fills the space around the video box.
- Background Position: Define the positioning of the background image for optimal display.
Style Customization
Within the "Style" section, further refine your video box presentation by adding classes from a dropdown list with a plethora of options.
Determine how your video box are visible on devices (Mobile , Tablet , Desktop , Large desktop).
HTML 5 Video
Feature Settings
Upon dropping the HTML 5 video icon , a settings window will appear, offering three main features:
Settings
Add your video link
Determine how your video is visible on devices (Mobile , Tablet , Desktop , Large desktop).
____________________________________________________________________________
Video
Include videos on your website by choosing from two options: select from your uploaded videos or upload new videos
____________________________________________________________________________
Animations
Add animation to your video box from a long list of animation options.
Enhance your animated video box by incorporating timing in seconds.
Style Settings
Design Features
Access the "Design" feature to customize your video box appearance. Within this feature, you can determine the following properties:
Margin: Set the spacing around your video box to control its placement on the page.
Border: Define a border for your video box to add a distinct visual element.
Color: Choose the color that best complements your website's theme or design.
Style: Apply different styles to your video box, enhancing its visual appeal.
Gradient: Add gradient effects to your video box for a more dynamic and modern look.
Background Features
Navigate to the "Background" feature to enhance the backdrop of your video box.
Upload Images: Insert images as a background for your video box, providing visual interest.
Sample Images: Explore pre-loaded image samples for quick and easy background selection.
Background Styling: Customize the video box background further with options like:
- Background Repeat: Control how the background image repeats.
- Background Fill: Adjust how the background fills the space around the video box.
- Background Position: Define the positioning of the background image for optimal display.
Style Customization
Within the "Style" section, further refine your video box presentation by adding classes from a dropdown list with a plethora of options.
Determine how your video box are visible on devices (Mobile , Tablet , Desktop , Large desktop).
Sound Cloud
Feature Settings
Upon dropping the Sound Cloud icon , a settings window will appear, offering three main features:
Settings
Add your video link
Determine how your video is visible on devices (Mobile , Tablet , Desktop , Large desktop).
____________________________________________________________________________
Video
Include videos on your website by choosing from two options: select from your uploaded videos or upload new videos
____________________________________________________________________________
Animations
Add animation to your video box from a long list of animation options.
Enhance your animated video box by incorporating timing in seconds.
Style Settings
Design Features
Access the "Design" feature to customize your video box appearance. Within this feature, you can determine the following properties:
Margin: Set the spacing around your video box to control its placement on the page.
Border: Define a border for your video box to add a distinct visual element.
Color: Choose the color that best complements your website's theme or design.
Style: Apply different styles to your video box, enhancing its visual appeal.
Gradient: Add gradient effects to your video box for a more dynamic and modern look.
Background Features
Navigate to the "Background" feature to enhance the backdrop of your video box.
Upload Images: Insert images as a background for your video box, providing visual interest.
Sample Images: Explore pre-loaded image samples for quick and easy background selection.
Background Styling: Customize the video box background further with options like:
- Background Repeat: Control how the background image repeats.
- Background Fill: Adjust how the background fills the space around the video box.
- Background Position: Define the positioning of the background image for optimal display.
Style Customization
Within the "Style" section, further refine your video box presentation by adding classes from a dropdown list with a plethora of options.
Determine how your video box are visible on devices (Mobile , Tablet , Desktop , Large desktop).