title: Showing last added element in time range object (HTML5 Video related)
body: <p>There is a function in HTML5 that shows you the range of buffered time ranges in a video. I want to show the last added 'buffered' section, but this is proving to be quite difficult.</p>
  
  <p>Basically when you click on a time in a video (lets say 00:16), the video begins to buffer if its not already. So we end up with a buffer that goes like 16s-18s, then 16s-20s, etc as the video loads. Now lets say we click somewhere else before that in the video where it is not buffered. So I click on 00:05. The 'buffered' array will have 16-20s and 5s-6s or however much is loaded.</p>
  
  <p>HOWEVER, the 5s-6s will be added BEFORE the 16s-20s in the time range array. That means that we can't just select the last element of an array as the newest buffered section, rather we have to select the first element. Then if you click somewhere else before the 5s mark you end  up with the first part of the array being a different value. Since they are added in this fashion I can't find the latest buffer section added.</p>
  
  <p>What is the best way to go about finding this?</p>