Documentation
HomeForumHelp
  • About Cwicly
  • Beginner's Guide
    • Install Cwicly
    • Getting Started
      • Overview
      • Settings
    • Edit and Manage your Site
    • The WordPress Dashboard
    • The Dashboard Menu
    • Site Editor
    • Create your Front Page
      • Front Page
      • Header
        • Header Template Part
        • Structure
      • Footer
        • Footer Template Part
        • Structure
  • ⚡Cwicly
    • Block ID
    • Breakpoints
    • Class
      • Global/Block Classes
    • Cloud Design Library
      • Create an Account
      • Overview of the Cloud Dashboard
      • Editor: Cloud Library
        • Access from the Editor
        • Add a Library
        • Switch between Libraries
        • Default Library
        • Download Library
        • Remove Library
        • Categories
          • All
          • Popular
          • Button
          • Composition
          • Decorative
          • Interactive
          • Layout
          • Media
          • Menu
          • Social
      • Design Blocks: Cloud Library
        • Search for a Design Block
        • Refresh
        • Add Design Block
        • Save Design to Library
        • Remove Design Block
      • Library Globals
        • Library: Global Styles
          • Library: Add Styles
          • Installation: Add Styles
          • Library: Style Settings
        • Library: Global Classes
          • Library: Add Classes
          • Installation: Add Classes
          • Library: Class Settings
        • Library: Global Stylesheets
          • Library: Add Stylesheet
          • Installation: Add Stylesheet
          • Library: Stylesheet Settings
        • Library: External Classes
          • Library: Add External Classes
          • Installation: Add External Classes
          • Library: External Classes Settings
      • Community Library
        • Save to Community Library
        • Download from Community Library
        • Remove from Community Library
        • Set Community as default
    • Colour Picker
      • Gradient Builder
    • Components
      • Components Library
      • Components Folders
      • Settings
      • Component Properties Modal
      • Properties (Add)
        • Text Property
        • Rich Text Property
        • List Property
        • Link Property
        • Image Property
        • Gallery Property
        • Video Property
        • Icon Property
        • Colour Property
        • Toggle Property
        • Number Property
        • Class Property
        • ID Property
        • Options Property
        • Conditions Property
        • Visibility Property
        • CSS Text Property
    • Copy/Paste
      • Block Styles
      • Classes & IDs
      • Dynamic Preview
      • Global Styles
      • Global Classes & Stylesheets
      • Blocks
    • CSS Grid
    • Dynamic Inserter
    • Font Manager
    • Navigator
    • Quick Inserter
    • Scaling
    • Smart Inserter
    • Span
    • Tag
  • ⛵Tailwind
    • Getting Started
      • About
      • Activate
      • Copy/Paste
      • Enable editing mode
      • Apply a Class
      • Pseudo state Management
      • Automatically Sync
        • Breakpoints
        • Colours
      • Shells
      • Custom Tailwind Configuration
      • Import Tailwind Plugins
  • 🖌️Themer
    • Themer
      • Templates
      • Parts
      • Fragments
    • Role Editor
      • User Role
      • Gutenberg Editor
      • Global Block Behaviour
      • Block Toolbar
      • Miscellaneous
      • Components
      • Code Block
      • Blocks
      • Post Types
      • Force iFrame
      • Client Canvas View
      • Help
      • User
  • 🌐Global Styles
    • Global Styles
      • Global Colours
        • Folders
        • Colour tab
        • Palette tab
        • Modifiers tab
          • Opacity
          • Lighten
          • Darken
          • Saturate
          • Desaturate
          • Spin
      • Dark Mode
      • Global Gradients
      • Global Typography
      • Global Block Typography
      • Theme Elements
      • Global Settings
        • Defaults
        • Backend
      • Remove Gutenberg Global Styles
    • Global Classes & Stylesheets
      • Global Classes
      • Global Stylesheets
      • External Classes
  • 🎨Design
    • Background
      • Background Colors
      • Background Source
      • Sizing & Positioning
      • Styling
    • Typography
      • Typography
      • Rem conversion
      • Global Typography
      • Text Align
      • Font Family
      • Font Size
      • Font Weight
      • Spacing
      • Line Height
      • Style
      • Decoration
      • Transform
      • White Space
      • Overflow Wrap
      • Word Break
      • Word Spacing
      • Axes
      • Text Colour
      • Link Colour
    • Fluid Values
    • Layout
      • Display
      • Visual
      • Position
    • Sizing
      • Height
      • Width
    • Margin & Padding
    • Borders
      • Border
      • Shadows
      • Outline
    • Effects
      • General
      • Transitions
      • Animations
      • Filters
      • Text Shadow
      • Tilter
      • Separators
    • Transforms
    • Pseudo Classes/Elements
    • Relative Styling
  • 🎓Advanced
    • Custom CSS
    • Quick Code
    • Scrolling
      • Animate On Scroll
      • Scroll Direction
    • Attributes
    • Tooltip
      • Source
      • Theme
        • Custom Theme
  • 👆Interactions
    • Visibility Conditions
      • Blocks
      • Themer
    • Link
      • Link Source
      • Link Action
    • Interactions
      • Trigger
      • Actions
    • Hover Animation
    • Dynamic Slider
      • Settings Tab
  • 🖥️Editor
    • Inserter Panel
    • Quick Insert
    • Block Inspector
    • Primary Tab
    • Design Tab
    • Advanced Tab
    • Responsive Selector
  • 🔧Blocks
    • Accordions
    • Accordion
      • Basics
      • Settings
      • Colours
      • Layout
      • Typography
      • Margin and Padding
    • Button
      • Add
      • Icon
    • Code
      • Enable/Disable
      • Add
      • Languages
      • Settings
    • Columns
      • Basics
      • Add
      • Settings
      • Grid Editor
        • Auto Grid
        • Auto Template
    • Column
    • Container
    • Div
    • Filter
      • Basics
      • Filter Editor
      • Create a Filter
      • Style a Filter (example)
    • Fragment
    • Gallery
      • Filter
      • Source
      • Settings
      • Text
      • Image Style
    • Heading
    • Hook
    • Icon
    • Image
      • Source
      • Size
      • Settings
      • Hover Animation
    • Input
      • Input Settings
    • List
      • List Types
      • Settings
      • Icon
    • Maps
      • Settings
      • Size
      • Style
      • Overlay Layout
      • Colours
    • Menu
      • Settings
      • Main Menu
      • Sub Menu
      • Items
    • Modal
      • Modal Style
      • Settings
      • Trigger
      • Animation
    • Nav
      • Nav Block Settings and Styles
      • Nav Items Block
      • Nav Dropdown Block
      • Nav Link
      • Custom Dropdown Block
      • Nav Menu
    • Post Content
    • Paragraph
    • Popover
    • Query
      • Query Settings
      • Query Editor
        • Posts
        • Terms
        • Users
        • Comments
    • Query Template
      • Layout
      • Grid editor
    • Repeater
      • Nested Repeater
    • Section
    • Slider
      • Settings
      • Navigation
      • Dots
    • Slide
    • Styler
    • SVG Block
    • Tab List
      • Tab
    • Tab Contents
      • Tab Content
    • Taxonomy Terms
    • Video
      • Source
      • Settings
      • Div Overlay
  • ⚙️Settings
    • Settings
    • License
    • Icon Collections
    • Font Sets
    • Google Maps API
    • Advanced Settings
    • Regeneration
    • WooCommerce
  • 🛒WooCommerce
    • Archive Page
    • Attributes
      • Colour Type
      • Image Type
    • Cart
    • Product Variations
    • Create a Product Type
      • Simple
      • Variable
        • Create Attributes
      • Grouped
      • External
    • Build a Single Product Page
    • Dynamic Content
    • Link
  • 🗃️Miscellaneous
    • Blocks Specifics
    • Icon Selector
    • Trailing Slash
    • Units
      • Default Units
    • Code Snippets
    • Shortcuts
    • Actions
    • Filters
    • Browser Console
  • 🔗Resources
    • Changelog
    • Roadmap
    • Forum
Powered by GitBook
On this page
  • Div Overlay
  • Start Time
  • End Time
  • Autoplay
  • Mute
  • Loop
  • Player Controls
  • Modest Branding
  • Privacy Mode
  • Aspect Ratio

Was this helpful?

  1. Blocks
  2. Video

Settings

Last updated 2 years ago

Was this helpful?

Allows you to specify different properties that affect how your video looks, sounds and starts or finishes.

Div Overlay

The Div Overlay element is a unique feature that allows you to overlay whatever you decide like content over your video.

Once toggled, the Overlay Colors and Layout tabs open, giving you a more flexible design.

Start Time

This property may not be available with certain third-party hosts.

The Start Time property allows you define a specific time when the video will start.

Modify
  1. Select a Video block

  2. Open the Block Inspector

  3. Navigate to the Primary tab

  4. Find the Start Time property

  5. Enter the desired Start Time

End Time

This property may not be available with certain third-party hosts.

The End Time property allows you define a specific time when the video will end.

Modify
  1. Select a Video block

  2. Open the Block Inspector

  3. Navigate to the Primary tab

  4. Find the End Time property

  5. Enter the desired End T

Autoplay

This feature does not apply to mobile browsers.

This property may not be available with certain third-party hosts.

The Autoplay property allows you define if the video should autoplay when the page loads in the user's browser.

Activate/Deactivate
  1. Select a Video block

  2. Open the Block Inspector

  3. Navigate to the Primary tab

  4. Find the Autoplay property

  5. Toggle the Autoplay property

Mute

This property may not be available with certain third-party hosts.

The Mute property allows you define if the video should be muted when the video starts playing.

Activate/Deactivate
  1. Select a Video block

  2. Open the Block Inspector

  3. Navigate to the Primary tab

  4. Find the Mute property

  5. Toggle the Mute property

Loop

This property may not be available with certain third-party hosts.

The Loop property allows you define if the video should start playing again from the beginning when it is finished, thus entering a loop.

Activate/Deactivate
  1. Select a Video block

  2. Open the block inspector

  3. Navigate to the primary tab

  4. Find the Loop property

  5. Toggle the Loop property

Player Controls

This property may not be available with certain third-party hosts.

The Player Controls property allows you to decide wether you want your video's hosting platform link to appear or not.

Activate/Deactivate
  1. Select a Video block

  2. Open the block inspector

  3. Navigate to the primary tab

  4. Find the Player Controls property

  5. Toggle the Players Controls property

Modest Branding

This property may not be available with certain third-party hosts.

The Modest Branding property allows you define whether the video branding of the player provided by the third-party host should be minimal.

Activate/Deactivate
  1. Select a Video block

  2. Open the block inspector

  3. Navigate to the primary tab

  4. Find the Modest Branding property

  5. Toggle the Modest Branding property

Privacy Mode

This property may not be available with certain third-party hosts.

The Privacy Mode property allows you define whether third-party host is allowed to access specific user details from the people accessing your page.

Activate/Deactivate
  1. Select a Video block

  2. Open the block inspector

  3. Navigate to the primary tab

  4. Find the Privacy Mode property

  5. Toggle the Privacy Mode property

Aspect Ratio

This property may not be available with certain third-party hosts.

The Aspect Ratio property allows you define the aspect ratio for the video you are embedding.

The most common aspect ratio for videos is 16:9

Activate/Deactivate
  1. Select a Video block

  2. Open the block inspector

  3. Navigate to the primary tab

  4. Find the Aspect Ratio property

  5. Select the desired value

🔧
Div Overlay