init #

初始化Web component

基本使用範例 #

此為基本使用範例

可依照專案需求自行調整設定

window.$microMediaPlayer.init({
  width: 400,
  height: 300,
})

width #

Optional/Number

Player寬度(pixel), 預設為400

height #

Optional/Number

Player高度(pixel), 預設為300

logo #

Optional/String

Logo網址(將會顯示在Player右上方)

eventOnFirstPlay #

Optional/Function

影片首次播放event hook

範例 #

window.$microMediaPlayer.init({
  eventOnFirstPlay: () => {
    // TODO
  },
})

eventOnPlay #

Optional/Function

影片開始播放event hook

範例 #

window.$microMediaPlayer.init({
  eventOnPlay: () => {
    // TODO
  },
})

eventOnPause #

Optional/Function

影片暫停播放event hook

範例 #

window.$microMediaPlayer.init({
  eventOnPause: () => {
    // TODO
  },
})

eventOnEnd #

Optional/Function

影片播放結束event hook

範例 #

window.$microMediaPlayer.init({
  eventOnEnd: () => {
    // TODO
  },
})