Custom Component: SkyQ Media Player

I am unable to get the buttons displayed to work. I press them & they do not do anything.
Am I missing code somewhere?

type: custom:mini-media-player
entity: media_player.sky_q
name: null
icon: phu:sky-q-logo
more_info: false
artwork: none
hide:
  volume: true
  source: true
  power_state: true
  play_pause: true
  prev: true
  next: true
  power: true
  info: true
  name: true
  icon: true
shortcuts:
  columns: 4
  hide_when_off: true
  buttons:
    - icon: mdi:home
      type: source
      id: Home
    - icon: mdi:arrow-up-thick
      type: source
      id: Up
    - icon: null
      name: Guide
      type: source
      id: TVGuide
    - icon: mdi:chevron-up
      type: source
      id: CHup
    - icon: mdi:arrow-left-thick
      type: source
      id: Left
    - icon: null
      name: Select
      type: source
    - icon: mdi:arrow-right-thick
      type: source
      id: Right
    - icon: mdi:chevron-down
      type: source
      id: CHdn
    - icon: mdi:record-rec
      type: source
      id: Record
    - icon: mdi:arrow-down-thick
      type: source
      id: Down
    - icon: null
      name: Sky
      type: source
      id: Sky
    - icon: mdi:menu-open
      type: source
      id: Sidebar
    - icon: phu:netflix
      type: js
      id: Netflix
      media_content_id: >-
        home,down,down,down,down,down,down,down,down,down,down,right,right,select
    - icon: phu:disney-plus
      type: js
      id: Disney Plus
    - icon: phu:prime-video
      type: js
      id: Prime Vidoe
    - icon: phu:youtube-tv
      type: js
      id: YouTube
volume_stateless: true
group: true
info: short
toggle_power: true
source: full