player.getPlayerState is unavailable after YouTube Iframe API initialization
A feature using the YouTube Iframe API has been broken for a while on a little music discovery site I have, and I'm trying to understand why:
- Open www.dailygrooves.org
- Press the
spacebarkey.
→ Expected: playback should start.
→ Actual: the playpause function throws TypeError: player.getPlayerState is not a function when running var playerState = player.getPlayerState(). And looking at my player object, indeed this method is missing:
What's wrong in my API usage / initialization? It used to work fine, and I think started to fail a few months ago, even though the YouTube Iframe Player API Reference mentions no recent changes to the API. Thanks for the help!
Solution
Add
enablejsapi=1
to the iframe 'src' attribute. E.g.:
http://www.youtube.com/embed/videoseries?wmode=opaque&autohide=0&disablekb=1&enablejsapi=1&list="
- Clear clipboard to prohibit unauthorised copying, insert message?
- Supplying a reason for AbortController?
- Can you render a html file into a container?
- Using performance.mark() with Chrome dev tools performance tab
- How to save javascript array as redis list
- Find out whether Chrome console is open
- How to wait for requests and validate responses using playwright?
- Show Bootstrap Alert on Button Click via Javascript / jQuery
- How to post a file from a form with Axios
- Why doesn't Javascript handle divide by zero error in a try catch
- how can I add menu button in telegram bot
- Debounce in ReactJS
- Javascript question mark operator, multiple question marks
- Could not find a declaration file for module '@hookform/resolvers/zod'
- Stripe CLI trigger subscription failed event for a specifc customer
- Steps to send a https request to a rest service in Node js
- react jest confirming snapshot change
- Getting a list of all countries to using npm countries-list
- How do you limit the number of options selected in an HTML <select> element?
- Different sorting
- add an event listener on an element I've created in javascript
- Web Component not rendering when loaded from UNPKG CDN?
- Uncaught TypeError: Failed to resolve module specifier "react-router-dom". Relative references must start with either "/", "./", or "../"
- Javascript Date - set just the date, ignoring time?
- Form validate() method is not working with Vue 3 and Vuetify 3
- Running V8 Javascript Engine Standalone
- PHP - Extract frame during Video upload
- Can a PWA app be published to app store and play store
- How to check if a caught exception was thrown because of triggering an AbortController?
- Apollo Client: retrieving the results from a query with errors