Tag Archives: video

JavaScript30—Day 28

JavaScript30 is 30-day vanilla javaScript coding challenge by Wes Bos (@wesbos). The purpose of these posts is to reflect my troubles and moments of ahhaa. Sorting band names without a/an/the Lessons from Day 28 — Video Speed Scrubber: Demo - Day 28
  1. This tutorial won't work with YouTube videos because you can't put embeded video into video-tag.
  2. video-tag won't play .avi-format
  3. e.pageY : MouseEvent interface returns the Y (vertical) coordinatein pixels of the event relative to the whole document
  4. element.offsetTop: is the number of pixels from the top of the closest relatively positioned parent element.
  5. element.offsetHeight: is a measurement in pixels of the element's CSS height, including border, padding and the element's horizontal scrollbar (if present, if rendered).
  6. HTMLMediaElement.playbackRate: property sets the rate at which the media is being played back. A value of 1.0 indicates normal speed and if negative—it's played back backwards. If it's too fast or slow— audio is muted.
Day 28 code on github.