Search the Community

Hello, I am making a simple HTML site that shows a video on one of the pages. The .mp4 is fetched via <video> and has the 'autoplay' attribute set. The goal is for fast startup when the user navigates to the page. The .mp4 file has been encoded w/ HandBrake using the 'Web Optimized' setting which I believe moves metadata from the end of the .mp4 to the front which, combined w/ a chunked fetch implicitly done w/ <video> in HTML5, allows a fast startup. The issue is I am not seeing a fast startup, when I look at the inspect Network in Chrome I see that the file itself is being fetched with what appears some kind of delay on the server end. See attached image. The html and css files are fetched instantly so I know this is not a latency issue. I counted several times and it takes on average 5 seconds before the first byte of the video begins downloading and I don't know what is going on. Could somebody shed some light on this? Also embed YouTube is not quite what I am going for.