HTML5 video not streaming and taking 90 seconds to load

by

Because you’re having to move the file over the public internet, rather than local network you’ll want to use something like ffmpeg to move the meta data (MOOV atom) to the front of the video file so it can start streaming faster

./ffmpeg -y -i SourceFile.mp4 -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart DestFile.mp4

The above will give you a 1280×720 output, at 3Mbps using h264 in an mp4 container, and will then do a second pass to move the moov element to the front of the file enabling it to start streaming faster (see this answer for some more detail).

You should also check that your Production server configuration matches your dev server, specifically the ability to support byte-range requests that allow more optimal streaming of content

More Related Contents:

  1. changing source on html5 video tag
  2. Streaming a video file to an html5 video player with Node.js so that the video controls continue to work?
  3. HTML 5 video or audio playlist
  4. Retrieving HTML5 video duration separately from the file
  5. How to use greasemonkey to selectively remove content from a website
  6. Can I use javascript to dynamically change a video’s source?
  7. JavaScript: Extract video frames reliably
  8. Capture frames from video with HTML5 and JavaScript
  9. Why don’t audio and video events bubble?
  10. Programmatically play video with sound on Safari and Mobile Chrome
  11. Detect if HTML5 Video element is playing [duplicate]
  12. How to mute an html5 video player using jQuery
  13. Updating source URL on HTML5 video with React
  14. play pause html5 video javascript
  15. How to change the playing speed of videos in HTML5?
  16. HTML5 callbacks?
  17. How to determine the intended frame-rate on an html video element
  18. canvas.toDataURL() Security Error The operation is insecure
  19. How can I set preview of video file, selecting from input type=’file’
  20. How often does the timeupdate event fire for an html5 video
  21. Create thumbnail from video file via file input
  22. HTML5 video javascript controls – restart video
  23. HTML5 and Javascript to play videos only when visible
  24. Play HTML5 Video when scrolled to
  25. Media Source Api not working for a custom webm file (Chrome Version 23.0.1271.97 m)
  26. HTML5 Video: Streaming Video with Blob URLs
  27. HTML5 Video autoplay with sound unmuted
  28. Chrome counts characters wrong in textarea with maxlength attribute
  29. How to add Drop-Down list () programmatically?
  30. How to detect support for the HTML5 “download” attribute?

Leave a Comment