CODEWITHSUNDEEP
javascriptandroidhtmlhtml5-video
Raghavendra N
Raghavendra N

Reputation: 5911

html5 video: very slow loading

First: there are topics with the similar title. I browsed them but dint find a satisfactory answer.

I am testing autoloading of html5 video in android and ipad.(Auto load only works in few browsers: Firefox, Opera and Safari).

The video loads instantaneously if it is on the device that is playing. But if the video is on a server it takes very long time to load(It took nearly 5 mins for the video to start).

I dont think the problem is with bandwidth. For testing purpose I have hosted the files on google drive. (accessing Google drive should be pretty fast and the size of the video files are less than 2MB).

Can you suggest how to speed up video loading?

Here is my video element:

<video  id="video1" width="430" height="430" controls  preload="auto" >
<source src="https://drive.google.com/uc?export=download&id=0B0eCCOckMJskRDl2enU4N1JLSGs" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>
<source src="https://drive.google.com/uc?export=download&id=0B0eCCOckMJskbURTTjJVaG42V0U" type='video/webm;codecs="vp8, vorbis"'/>
</video>

Thanks.

Upvotes: 3

Views: 17402

Answers (2)

sgon00
sgon00

Reputation: 5827

Install qt-faststart, then run the command:

qt-faststart inputfile.mp4 outputfile.mp4

Upvotes: 2

JPS
JPS

Reputation: 115

The reason it does this is because sometimes the video encoder (whatever programme was used) places the video index at the end of the video file rather than at the beginning. This interferes with progressive download as the browser doesn’t know anything about the file until it has downloaded it and read that index.

Run this program below on it, which will simply re-encode the file, placing the index at the beginning.

http://renaun.com/blog/code/qtindexswapper/

Let me know if this helps.

Upvotes: 2

Related Questions