Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by Lena Apoyan
Lena Apoyan
11,728 Points

Video Hosting

Hello everyone! I wanna try to create video hosting and I have some troubles. Here are my questions:

  1. I want to load video (on a client side) frame by frame. Like in YouTube. I don't want to upload all video entirely (because it will load my servers), if user not watch it entirely. So, I will load next frame, If user ends watch current frame. And there is the question -> How organize it by using html5 video and flash fallback?
  2. Also I don't clearly understand which video container I have to use. I read cool information about videos ( http://diveintohtml5.info/video.html ) and that guy said MPEG 4 container is supported by IOS 3+ but in other sites i read that IOS support only HLS container. I realy don't understand which one (or maybe several containers) I have to use to support video in all browsers + ISO + Android frame by frame.
  3. Which instruments I should use in server side to store videos? Is ffmpeg enough? Could you help me, please?

1 Answer

Codin - Codesmite
Codin - Codesmite
8,600 Points
Codin - Codesmite
Codin - Codesmite
8,600 Points

You could use javascript or jquery for this.

The HTML 5 Video property you will need to manipulate is "preload" and you will need to return the DOM value of ".buffered".

".buffered" returns the timeframe that has been preloaded.

You can use if statements to change the "preload" to auto, none or metadata depending on the current ".buffered" value.

More details of each property: http://www.w3schools.com/tags/av_prop_buffered.asp http://www.w3schools.com/tags/att_video_preload.asp