Video Property
Last updated
Was this helpful?
Last updated
Was this helpful?
The Video Property allows you to add a Video to a component, to name it, to set a Default video, to choose an URL and choose a simple (static) or advanced (static and dynamic) type.
Open the Components Properties modal by clicking the "+" icon in the Block Inspector.
Select the Video Property you wish to configure.
The Video Property needs to be connected for it to be applied to the canvas.
Select the Component to which you want to connect the Video Property.
Select "Modify" in the toolbar or the Block Inspector.
This will open the component in the navigator so you can access the required block.
Select required block.
In the Block Inspector, find the Video Property and click the Component logo.
Choose required block in the Source dropdown.
The Video Property will now become green.
If the Link property is correctly connected, you should see something like this when in "Customise".
Click Video panel to open the Media modal or input a suitable URL.
Select required Video and click "Select".
The selected Video is now visible in the Video field of the Block Inspector.
The Name property allows yo to input a suitable name for your Video property.
Input a suitable name such as "Video".
Once connected, the chosen name will now be visible in the Block Inspector.
Allows you to set a suitable default video to your component.
Open the Components Properties.
Select required Video property.
Open Settings tab.
Click "Set Default Video" field or input URL.
Select a suitable video.
Click Select.
Once selected, you should be able to visualise the selected default video in the component Properties modal.
The video will appear by default on the canvas.
The Simple Type property means that your Video property is static.
Open the Components Properties.
Select required Video property.
Open Settings tab.
Select Simple as Type.
You will now be able to upload a static video.
The Advanced Type property allows you to add dynamic or static content to your video field as required.
Open the Components Properties modal.
Select required Text property.
Open Settings tab.
Select Advanced as Type.
A Dynamic icon is now visible in the Block Inspector that will allow you to toggle on/off Dynamic content.
In the Block Inspector, toggle dynamic on for dynamic content.
This will open the Dynamic Video modal.
Input settings as required.
