It is a form tool used to embed a video inside the form page. With this form tool, the desired video from the desired platform is displayed in the form field.

Appearance in Toolbox	Appearance in Free Form	Appearance in Responsive Form

 

Compatibility

Free Form	Responsive Form	Mobile

 

Features of the video tool

Type: Indicates the field type of the added form tool. The value here cannot be changed. Name: The name of the field to be created in the database is written. Video Path: The link of the video must be written. You need to copy the embed code of the link to be added here. Otherwise the video content will not appear in the field. Help Text: It is the text entered for the description to appear when the mouse hovers over the form tool. Height: Adjusts the height and width of the form widget (Width field has been removed from Responsive Forms). Iframe: This feature must be enabled for embedded codes to be added into the video. If this feature is No, the video will not be displayed in the video widget. Pin Right: Pins the form widget to the right. Display: Makes the form widget not visible on the Client screen.

 

There are several ways to use the video tool in your designs. These uses are as follows;

 

Example 1

What we want to do in this example is to show an existing video on Youtube in our Xpoda project. For this, let's first add our video tool to our form. Then go to the Youtube location of the video we want.

 

 

Click on the Share button below the video.

 

Then click on the Place button on the share screen.

 

 

After clicking the button, let's copy the embed code marked in red in the src field.

 

 

The copied link is added to the Video Path field. Display and Iframe options are set to “Yes”.

Iframe feature must be active for Youtube videos to appear in the Video tool.

 

Its appearance on the client screen will be as follows.

 

Example 2

In this tutorial we will see how to add a video from our computer, other than youtube, to our video tool. For this, you can put our video in the desired file path in the inetpub / wwwroot / Xpoda Client folder in the Local Disk (C:) folder on our computer. Then let's go back to our Video tool and write our link in the Path section to fit the following pattern.

 

https://Client Url/Uploads/Video location in inetpub folder

 

 

We used https://xpodanew.xpodacloud.com/Uploads/xpodanew.xpodacloud/videotest/test1.mp4 in our example. The video in our example is the test1.mp4 video in the videotest folder. Then, when we save and run our form, the final view will be as follows.

 

 

Example 3

In this example, we will trigger the video widget with the Update action. For this, let's add a button tool and add an update value action as in the image below.

 

Adding Video from Local Address to Video Tool

 

If we want to update the youtube link in this action that we will add to the button, we should write the embed code in the form of SQL Query field. SELECT 'https://www.youtube.com/embed/H0hKMOjCJyc?si=A8qTkRISHNakwNoY'

 

You must make sure that the Iframe feature of our video widget is enabled in every action with the Update Value action.