Bind to events after movie is loaded

app/assets/javascripts/player/movie.js.coffee

@@ -2,7 +2,7 @@ class AsciiIo.Movie
   MIN_DELAY: 0.01
   SPEED: 1.0
 
-  constructor: (@model, @autoPlay) ->
+  constructor: (@model) ->
     @reset()
     @startTimeReporter()
     _.extend(this, Backbone.Events)
@@ -22,8 +22,6 @@ class AsciiIo.Movie
     @model.fetch
       success: =>
         @trigger('movie-loaded', @model)
-        if @autoPlay
-          @play()
 
   timing: ->
     @model.get('stdout_timing_data')

app/assets/javascripts/player/player_view.js.coffee

@@ -1,7 +1,8 @@
 class AsciiIo.PlayerView extends Backbone.View
 
   initialize: (options) ->
-    @movie = new AsciiIo.Movie(@model, options.autoPlay)
+    @movie = new AsciiIo.Movie(@model)
+    @movie.on 'movie-loaded', @onMovieLoaded, this
     @movie.load()
 
     @terminalView = new AsciiIo.TerminalView(
@@ -12,7 +13,6 @@ class AsciiIo.PlayerView extends Backbone.View
     @vt = new AsciiIo.VT(options.cols, options.lines, @terminalView)
 
     @createChildViews()
-    @bindEvents()
 
   createChildViews: ->
     @$el.append(@terminalView.$el)
@@ -22,6 +22,17 @@ class AsciiIo.PlayerView extends Backbone.View
     @hudView = new AsciiIo.HudView()
     @$el.append(@hudView.$el)
 
+  onMovieLoaded: (asciicast) ->
+    @terminalView.hideLoadingIndicator()
+    @hudView.setDuration(asciicast.get('duration'))
+
+    @bindEvents()
+
+    if @options.autoPlay
+      @movie.play()
+    else
+      @terminalView.showToggleOverlay()
+
   bindEvents: ->
     @terminalView.on 'terminal-click', =>
       @movie.togglePlay()
@@ -32,12 +43,6 @@ class AsciiIo.PlayerView extends Backbone.View
     @hudView.on 'hud-seek-click', (percent) =>
       @movie.seek(percent)
 
-    @movie.on 'movie-loaded', (asciicast) =>
-      @terminalView.hideLoadingIndicator()
-      @hudView.setDuration(asciicast.get('duration'))
-      unless @options.autoPlay
-        @terminalView.showToggleOverlay()
-
     @movie.on 'movie-playback-paused', =>
       @hudView.onPause()