title: Dealing with very large video files in html 5
body: <p>So I've been playing around with a certain idea. My plan was to use HTML5 drag and drop and the <code>FileReader()</code> API to let people upload video. I want to do some amount of client side processing to display the video. However, when I run the code I find that Chrome crashes. Is there a better way than file reader to deal with large video files?</p>
  
  <p>Here is my example code:</p>
  
  <pre><code>function handle_video(e) {
      e.stopPropagation(); // Stops some browsers from redirecting.
      e.preventDefault();
      var files = e.dataTransfer.files;
      elem = document.getElementById("dnd_dialog");
      elem.style.display="block";
      console.log(files);
      var reader  = new FileReader();
      document.getElementById("fname").value = files[0].name;
      reader.readAsDataURL(files[0]);
      reader.addEventListener("load", function () {
          document.getElementById("thumbnail_upload").src = reader.result;
      }, false);
    //    document.getElementById("thumbnail_upload").src = 
  }
  function drag_over(evt) {
      evt.stopPropagation();
      evt.preventDefault();
      return false;
  }
  </code></pre>