yt.coffee

define ["jquery"], ($) ->
  init: ->
    tag = document.createElement("script")
    tag.src = "https://www.youtube.com/iframe_api"
    firstScriptTag = document.getElementsByTagName("script")[0]
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag)

    window.onYouTubePlayerAPIReady = ->
      $(".acs-youtube-player").each ->
        config = $(@).data("youtube")
        console.log "youtube loading " + config.playerID
        buildPlayer(config)

    buildPlayer = (config) ->
      done = false
      player = new YT.Player(config.playerID,
        height: config.height
        width: config.width
        videoId: config.videoId
        events:
          onReady: (event) -> event.target.playVideo()
          onStateChange: (event) ->
            if event.data is YT.PlayerState.PLAYING and not done
              setTimeout(player.stopVideo(), 6000)
              done = true
      )