const iframe = document.createElement('iframe')
iframe.src = `/videos/embed/${videoId}?autoplay=1&controls=0&api=1`
+
const mainElement = document.querySelector('#host')
mainElement.appendChild(iframe)
]
monitoredEvents.forEach(e => {
- player.addEventListener(e as PlayerEventType, () => console.log(`PLAYER: event '${e}' received`))
+ player.addEventListener(e as PlayerEventType, (param) => console.log(`PLAYER: event '${e}' received`, param))
console.log(`PLAYER: now listening for event '${e}'`)
})
resolutions => updateResolutions(resolutions))
player.addEventListener('resolutionUpdate',
resolutions => updateResolutions(resolutions))
+
+ const updateVolume = (volume: number) => {
+ const volumeEl = document.getElementById('volume')
+ volumeEl.innerText = (volume * 100) + '%'
+ }
+
+ player.getVolume().then(volume => updateVolume(volume))
+ player.addEventListener('volumeChange', volume => updateVolume(volume))
})