anchor.diff:    </div>
   </div>
   
  +<script>
  +  var local_player = false;
   
  -<script>
     function set_player (link) {
  -    document.querySelector("#player > source").src = link;
  -    $('#player').attr('autoplay', true);
  +    if (local_player) {
  +      $('.vid-container').html("<embed src='" + link + "' autoplay=true width='100%' height='100%'></embed>");
  +    } else {
  +      document.querySelector("#player > source").src = link;
  +      $('#player').attr('autoplay', true);
  +    }
       document.getElementById('direct-link').href = link;
       $('#p-filename').html(link);
       $('#p-link').show();
       $('#p-select').hide();
       document.getElementById('player').load();
     }
  +
  +  function switch_local_player() {
  +    $('.vid-container').html("<embed src='" + $('#direct-link').attr('href') + "' autoplay=true width='100%' height='100%'></embed>");
  +    local_player = true;
  +  }
   </script>
  
positive.code:         <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse-<%= f %>"><%= f %></a>
              </h4>
            </div>
            <div id="collapse-<%= f %>" class="panel-collapse collapse">
              <div class="panel-body">
                <% @seasons[f].each do |file| %>
                  <p><a href="#player-div" onClick="set_player('<%= get_link file %>')"><%= file.split("/").last %></a></p>
                <% end %>
              </div>
  
negative.code:       <source src="">
        </video>
      </div>
      <p id="p-link" style="display:none">Video not playing? Try switching to a <a href="#player-div" onClick="switch_local_player()">local player</a>, or download the file <a id='direct-link' href="">here</a>.</p>
      <p id="p-select">Select an episode from below to view.</p>
    </div
  </div>
  