Docebo libraries documentation site
vdevelop
Get Started
Guides
Overview Icons Illustrations Theme
Components
Accordion Avatar Badge Alert Badge Icon Badge Status Blank Slate Button Calendar Card Carousel Chip Data Browser Expandable Content Facet List
Filters
Filter Filter Container Filter Multiple Selection Filter Single Selection Filter Slider Range Selection Filter Slider Selection
Helper Message Icon Illustration
Inputs
Input Autocomplete Input Checkbox Input Checkbox Group Input Combobox Input Date Input Password Input Radio Group Input Rating Input Search Input Select Input Slider Input Text Input Toggle Input Upload
Link List List Listbox List Navigation List Presentation List Sheet List Tablist List Tree Menu Modal Dialog Navigation Notification Pagination Bar Popover Progress Skeleton Stepper Table Toast Tooltip
API References
@elemental/media-player / Class

LmnMediaPlayerComponent

Decorators:@Component
Selectors:lmn-media-player
Implements:OnInitOnDestroy

No documentation has been provided.

Properties

NameTypeDescription
@Input
crossOrigin
LmnMediaPlayerVideoCrossOrigin

This enumerated attribute indicates whether to use CORS to fetch the related video. CORS-enabled resources can be reused in the element without being tainted. The allowed values are:

  • anonymous Sends a cross-origin request without a credential. In other words, it sends the Origin: HTTP header without a cookie, X.509 certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (by not setting the Access-Control-Allow-Origin: HTTP header), the resource will be tainted, and its usage restricted.

  • use-credentials Sends a cross-origin request with a credential. In other words, it sends the Origin: HTTP header with a cookie, a certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (through Access-Control-Allow-Credentials: HTTP header), the resource will be tainted and its usage restricted.

element
r
HTMLElement
@Output
event
r
EventEmitter<LmnMediaPlayerEvent>

Emits the media player events.

nativeElement
r
HTMLElement
trackVolumeAriaValueFn
p
(value: string | number) => string
video
r
Signal<HTMLVideoElement | undefined>

Accessors

@Input

set appearance

The appearance of the media player.

Presentation
set appearance(value: LmnMediaPlayerAppearance);
Type

LmnMediaPlayerAppearance

@Input

set autoplay

The autoplay attribute of the media player.

Presentation
set autoplay(value: boolean | undefined);
Type

boolean | undefined

@Input

set capabilities

The capabilities of the media player.

Presentation
set capabilities(value: LmnMediaPlayerCapabilities | undefined);
Type

LmnMediaPlayerCapabilities | undefined

@Input

set controls

The controls settings of the media player.

Presentation
set controls(value: LmnMediaPlayerControlsSettings | undefined);
Type

LmnMediaPlayerControlsSettings | undefined

@Input

set defaultConfiguration

The default configuration of the media player.

Presentation
set defaultConfiguration(value: LmnMediaPlayerDefaultConfiguration | undefined);
Type

LmnMediaPlayerDefaultConfiguration | undefined

@Input

set disableremoteplayback

The disableremoteplayback attribute of the media player.

Presentation
set disableremoteplayback(value: boolean | undefined);
Type

boolean | undefined

@Input

set loop

The loop attribute of the media player.

Presentation
set loop(value: boolean | undefined);
Type

boolean | undefined

@Input

set negative

Whether the media player should be rendered with negative colors or not.

Presentation
set negative(value: boolean | undefined);
Type

boolean | undefined

@Input

set playbackRates

The playback rate settings of the media player.

Presentation
set playbackRates(value: LmnMediaPlayerPlaybackRatePresets | undefined);
Type

LmnMediaPlayerPlaybackRatePresets | undefined

@Input

set playsinline

The playsinline attribute of the media player.

Presentation
set playsinline(value: boolean | undefined);
Type

boolean | undefined

@Input

set preload

The preload attribute of the media player.

Presentation
set preload(value: LmnMediaPlayerPreload | undefined);
Type

LmnMediaPlayerPreload | undefined

@Input

set progression

The progression settings of the media player.

Presentation
set progression(value: LmnMediaPlayerProgressionSettings | undefined);
Type

LmnMediaPlayerProgressionSettings | undefined

@Input

set sources

The sources of the media player.

Presentation
set sources(value: LmnMediaPlayerSource[]);
Type

LmnMediaPlayerSource[]

@Input

set tracks

The tracks of the media player.

Presentation
set tracks(value: LmnMediaPlayerTrack[] | undefined);
Type

LmnMediaPlayerTrack[] | undefined

@ViewChild

set videoElementRef

No documentation has been provided.

Presentation
set videoElementRef(videoElement: ElementRef<HTMLVideoElement> | undefined);
Type

ElementRef<HTMLVideoElement> | undefined

Methods

onEnterPictureInPicture()

React to the onenterpictureinpicture event

Presentation
onEnterPictureInPicture(): void;
Returns
void

onLeavePictureInPicture()

React to the onleavepictureinpicture event

Presentation
onLeavePictureInPicture(): void;
Returns
void

pause()

Pause the video

Presentation
pause(): void;
Returns
void

play()

Play the video

Presentation
play(): void;
Returns
void