Where I stumbled:
- The JavaScript API is a completely different thing than the iframe API
- An outside script is actually needed for the iframe API
Working example is on the iframe API page. Briefly:
1. Have a div with an id.
<div id="player"></div>
2. Load the script…
tag = document.createElement('script')
tag.src = "https://www.youtube.com/iframe_api"
firstScriptTag = document.getElementsByTagName('script')[0]
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag)
3. Initialise:
window.onYouTubeIframeAPIReady = ->
window.player = new YT.Player 'player',
height: 390
width: 640
videoId: 'M7lc1UVf-VE'
playerVars:
controls: false
events:
onReady: ->
onStateChange: ->
