videojs 添加自定义菜单

ss 本文主要实现功能在 videojs 的 控制栏（controlBar）添加一个自定义的放大功能

1、 主要是使用到三个class MenuButton、Menu、MenuItem

​​​​​​​const MenuButton = videojs.getComponent('MenuButton')
const Menu = videojs.getComponent('Menu')
const MenuItem = videojs.getComponent('MenuItem')

2、组装

      const items = ['100%', '80%', '50%', 'auto']
      const myMenu = new Menu(this.player)
      const myMenuItemList = []
      for (let i = 0; i < items.length; i++) {
        myMenuItemList.push(new MenuItem(this.player, { label: items[i] }))
        myMenuItemList[i].on('click', $event => {
          this.setShowPercent($event)
        })
        myMenu.addIt