Electron Fiddle Gist

index.html

<!-- Empty -->

main.js

const {
  app,
  BrowserWindow,
  globalShortcut,
  systemPreferences
} = require('electron')

function createWindow () {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

  mainWindow.loadURL('https://www.youtube.com/watch?v=Z5EpiaH155k')

  registerMediaKeys()
}

app.on('ready', createWindow)

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', function () {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow()
  }
})

const mediaKeys = {
  'MediaPlayPause': () => {
    console.log('PlayPause')
  },
  'MediaNextTrack': () => {
    console.log('Next')
  },
  'MediaPreviousTrack': () => {
    console.log('Prev')
  },
  'MediaStop': () => {
    console.log('Stop')
  }
}

function registerMediaKeys() {
  systemPreferences.isTrustedAccessibilityClient(true)

  for (let [accelerator, cb] of Object.entries(mediaKeys)) {
    let registerSuccess = globalShortcut.register(accelerator, cb)
    console.log('Was media key registered?', registerSuccess)
  }
}

preload.js

// Empty

renderer.js

// Empty

styles.css

/* Empty */