HTML5 video event listeners

html5-video-events.coffee

# jquery on
      
next.on('canplay', ->
  console.log('canplay')
  # next.unbind('canplay')
)

next.on('canplaythrough', ->
  console.log('canplaythrough')
  # next.unbind('canplay')
)

next.on('error', (e) ->
  console.log('error')
)

next.on('empty', (e) ->
  console.log 'empty', e
)

next.on('dataunavailable', (e) ->
  console.log 'dataunavailable'
)

next.find('source').on('canplay', ->
  console.log('canplay')
  next.unbind('canplay')
)


# addEventListener

video.addEventListener('canplay', (e) ->
  console.log 'canplay'
)

video.addEventListener('error', (e) ->
  console.log 'error', e
)

video.addEventListener('empty', ->
  console.log 'empty', e
)

video.addEventListener('dataunavailable', ->
  console.log 'dataunavailable'
)


# functions      

video.oncanplay = ->
  console.log video.readyState

video.onerror = ->
  console.log (video.error.code == video.error.MEDIA_ERR_SRC_NOT_SUPPORTED)
  console.log (video.networkState == video.NETWORK_NO_SOURCE)        

video.onempty = ->
  console.log video.readyState

video.ondataunavailable = ->
  console.log video.readyState