(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();
VideoPlayer

You can add a video player within the application that is fed via a static URL or from a database. The video player element can play links from popular video platforms such as Youtube or Vimeo. You can also show/hide control options with the video player element you added.

Adding Video Player

You can drag and drop the Video Player element from the Elements panel to the screen. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a column, you just add the Video Player element.

Properties

You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.

URL

By adding a static URL address with Fixed value, you can play the video in the relevant URL address. A URL added to an element (such as Text Input) on the screen by using Symbol Picker can also be used.

CONTROLS

You can show or hide buttons such as Play/Pause, Mute.

MUTED

It is used when the video is muted when the page is loaded and the sound can be turned on by the end user.

LOOP

After the video's duration and end, you can make it play repeatedly until the screen is turned off or the user stops it.

AUTHORIZATION

You can use the authorization options for the Video Player element.

VISIBILITY

You can manage the visibility of the element. It is always visible, hidden, or you can make it appear or hide depending on a condition.

ACTIONS

You can add functions that you can add to the video player element with Add Actions.

Styling

You can further edit the Video Player Element by adding margins and size, outlines, or shadows.

LAYOUT

In the alignment commands given for rows or columns that are parent elements, the child elements under them are affected. You can visit the Layout page to adjust the visual arrangements such as environmental interior spaces and sizing.

BORDER

Visit the Border page to add lines to the outer edges and bevel the corners.

SHADOW

The shadow effect is only displayed in web apps. You can visit the Shadow page to add a shadow effect to the row and its columns.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try