title: MP3 Files not playing through inline player
body: <p>I have a page loading a datatable of mp3 files through a server side script. I am using the sound manager plugin to play the files, however they do not play inline and only open in a new window. I think this is because the inline player is initializing before the table is fully loaded, so it is not finding the mp3 files. How can I get the "listen" button to play these files inline (on the page)?</p>
  
  <p>Javascript:</p>
  
  <pre><code>&lt;script src="{{asset('soundmanager/js/soundmanager2-jsmin.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('soundmanager/js/inlineplayer.js')}}"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
      $('#uploads-table').dataTable( {
          "bProcessing": true,
          "bServerSide": true,
          "bPaginate": true,
          "destroy": true,
          "sAjaxSource": "/api/admin/tables/uploads",
          "order": [[5,'desc']],
          "columnDefs": [ { //this prevents errors if the data is null
              "targets": "_all",
              "defaultContent": ""
          } ],
          "columns": [
          // title will auto-generate th columns
              { "data": "name", "title": "Name", "orderable": true, "searchable": true },
              { "data": "description", "title": "Description", "orderable": true, "searchable": true },
              { "data": "file_extension", "title": "File Extension", "orderable": true, "searchable": true },
              { "data": "mimetype", "title": "Mimetype", "orderable": true, "searchable": true },
              { "data": "created_by", "title": "Created By", "orderable": true, "searchable": true },
              { "data": "created_at", "title": "Created At", "orderable": true, "searchable": true },
              { "data": "updated_at", "title": "Updated At", "orderable": true, "searchable": true },
              { "data": "actions", "title": "Actions", "orderable": false, "searchable": false}
          ]
      });
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Server side script:</p>
  
  <pre><code>$upload = Upload::select(array('id','name', 'description', 'file_extension', 'mimetype', 'created_by', 'created_at', 'updated_at', 'filename', 'is_remote'));
  
      return Datatables::of($upload)
          -&gt;edit_column('name', '&lt;a href="/admin/content/uploads/{{$id}}/view"&gt;{{$name}}&lt;/a&gt;')
          -&gt;edit_column('created_by', function($upload) {
              return ($upload-&gt;user ? '&lt;a href="/admin/users/'.$upload-&gt;user-&gt;id.'/view"&gt;'.$upload-&gt;user-&gt;username.'&lt;/a&gt;' : 'Unknown');
          })
          -&gt;edit_column('actions', function($upload) {
  
              if($upload-&gt;is_remote) {
                  $filePath = URL::to($upload-&gt;filename);
              }
              else {
                  $filePath = URL::to($upload-&gt;getFilePath());
              }
  
              return ('&lt;a href="'.$filePath.'" type="'.$upload-&gt;mimetype.'" class="sm2_link" target="_blank"&gt;Listen&lt;/a&gt;
                  &lt;a href="/admin/content/uploads/'.$upload-&gt;id.'/view" class="btn btn-xs btn-default"&gt;View&lt;/a&gt;
                  &lt;a href="/admin/content/uploads/'.$upload-&gt;id.'/edit"  class="btn btn-xs btn-default"&gt;Edit&lt;/a&gt;
                  &lt;a data-itemname="'.$upload-&gt;name.'" data-action="/admin/content/uploads/'.$upload-&gt;id.'/delete" data-title="Delete Upload?" data-toggle="modal" href="#deleteModal" class="confirmDelete btn btn-xs btn-default"&gt;Delete&lt;/a&gt;');
          })
          -&gt;remove_column('id')
          -&gt;make(true);
  </code></pre>