Video props

Video props

Beside the Common properties, this element contains following:

Provider

Sets the provider of the video or select as file from a bucket.

e.g. YouTube

File as a provider

Source

Specifies the source of the video by its Url or select a file from a bucket.

Video type

Set the type of the video. By default, it is video/mp4.

Controls

You can disable the controls of the video.

The controls are pause, play, stop, volume, seek, fullscreen and more.

Plays Inline

A Boolean attribute indicating that the video is to be played "inline", that is within the element's playback area.

The absence of this attribute does not imply that the video will always be played in fullscreen.

Muted

A Boolean attribute indicating that the video should be muted by default. If controls are available, the user can still unmute the video by clicking the mute button.

Autoplay

A Boolean attribute indicating that the video should start playing as soon as the page is loaded.

Poster

A URL to a poster image file that is to be displayed before the video starts playing.

Loop

A Boolean attribute indicating that the video should start over as soon as it ends.

YouTube as a provider

If you set the provider as YouTube, you will have Video Id instead of Source.

If you are on watching a video, ID will be located in the URL of the video page, right after the v= URL parameter.

In this case, the URL of the video is: https://www.youtube.com/watch?v=aqz-KE-bpKQ. Therefore, the ID of the video is aqz-KE-bpKQ.

Getting Video Id from youtu.be

The youtu.be URLs are created by generating a URL intendend for sharing. They differ slightly from youtube.com URLs because there are no URL parameters. Instead, the video ID is part of the URL itself.

In this case, the URL of the video is: https://youtu.be/aqz-KE-bpKQ. Therefore, the ID of the video is aqz-KE-bpKQ.