packages/ecl/components/ecl-media-container/ecl-media-container.component.ts
A media container is used to display media items (video, audio, image or other data) with a caption.
| selector | ecl-media-container |
| imports |
EUI_ECL_BUTTON
EUI_ECL_ICON
|
| styles |
:host {
display: block;
}
|
| templateUrl | ./ecl-media-container.component.html |
Properties |
Methods |
Inputs |
HostBindings |
Accessors |
| eclAutoplay |
Type : boolean
|
Default value : false
|
|
Used for a video only - if the video should play immediately. |
| isFullWidth |
Type : boolean
|
Default value : false
|
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
|
Applies specific classes for the component. |
| onVideoPause |
onVideoPause()
|
|
When user clicks on 'pause' button -> pause the video and move the focus to the 'play' button.
Returns :
void
|
| onVideoPlay |
onVideoPlay()
|
|
When user clicks on 'play' button -> start the video and move the focus to the 'pause' button.
Returns :
void
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| eclButtons |
Type : QueryList<EclButtonComponent>
|
Decorators :
@ViewChildren(EclButtonComponent)
|
| eclMediaContainerItem |
Type : EclMediaContainerItemDirective
|
Decorators :
@ContentChild(EclMediaContainerItemDirective)
|
| expandable |
Type : EclExpandableComponent
|
Decorators :
@ContentChild(EclExpandableComponent)
|
| Public isPlaying |
Type : unknown
|
Default value : false
|
| pauseButton |
Type : EclButtonComponent
|
Decorators :
@ViewChild('pauseButton')
|
| playButton |
Type : EclButtonComponent
|
Decorators :
@ViewChild('playButton')
|
| cssClasses |
getcssClasses()
|
|
Applies specific classes for the component.
Returns :
string
|
| hasVideo |
gethasVideo()
|