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).