               mediaCommentId: id
               googleAnalyticsTitle: id
 
+            spaceNeededForControls = 35
             $mediaTag = createMediaTag({sourcesAndTracks, mediaPlayerOptions, mediaType, height: height-spaceNeededForControls, width})
             $mediaTag.appendTo($dialog.html(''))
 


  # enable the playback speed selector
  mejs.MepDefaults.features.splice(positionAfterSubtitleSelector, 0, 'speed')


  getSourcesAndTracks = (id) ->
    dfd = new $.Deferred


    show: (id, mediaType) ->
      $this = $(this)

      if dialog = $this.data('media_comment_dialog')
        dialog.dialog('open')
      else
        # Create a dialog box
        mediaType = mediaType || 'video'

        if mediaType is 'video'
          height = 426
          width  = VIDEO_WIDTH
        else
          height = 180
          width  = 400

        $dialog = $('<div style="overflow: hidden; padding: 0;" />')
        $dialog.css('padding-top', '120px') if mediaType is 'audio'

        $dialog.dialog
          title: I18n.t('titles.play_comment', "Play Media Comment")
          width: width
