@drayman/elements
Options
All
  • Public
  • Public/Protected
  • All
Menu

<drayman-youtube-player />

Youtube player powered by Angular Material library.

Example of usage

Auto-play youtube video.

 
export const component: DraymanComponent = async ({ forceUpdate }) => {

    return () => {
        return <div style={{ height: '500px' }}>
            <drayman-youtube-player
                videoId="UEzl9JYkH5M"
                playerVars={{ autoplay: 1 }}
            />
        </div>
    }
}

Hierarchy

Index

Properties

Properties

Optional endSeconds

endSeconds: number

The moment when the player is supposed to stop playing

Optional playerVars

playerVars: {}

Extra parameters used to configure the player. See: https://developers.google.com/youtube/player_parameters.html?playerVersion=HTML5#Parameters

Type declaration

  • [param: string]: any

Optional ref

ref: string

Optional startSeconds

startSeconds: number

The moment when the player is supposed to start playing

Optional style

style: CSS

Optional videoId

videoId: string

YouTube Video ID to view.