Video¶

The h-video webcomponent is responsible for rendering a self-hosted video module with configurable settings.

Note: h- stands for headless. This is naming convention used for every webcomponent as they must have a two-part name.

Attributes¶

Attribute name	Type	Default	Description
`src`	`string`	null	Source of the video file
`instance-id`	`string`	null	Module instance id, usually provided by `moduleInstance` variable
`settings`	`object`	null	Object containing video settings

In this example we render a self-hosted video.

HTML

<h-video
    src="{{ src }}"
    instance-id="{{ options.instanceId }}"
    settings="{{ options|json_encode|e('html_attr') }}"
>
</h-video>