Video on the Web

Wednesday, December 8, 2010


  • Next month: AppScan (Gil Salazar)


  • Co-Chair: Samrat Miller (unanimous)

  • Website Developer: Mark Fischer (unanimous)


  • We should do a social event quarterly or every semester or so, so we get to know one another better and what expertise we all have.



Video on the Web

Matt Munsey


  • Probably the people from Arizona Public Media are the best people to talk about this.

  • History of video on the web

  • There was none in the beginning. Not enough bandwidth.

  • End of 90s -- big surge of bandwidth, so video began to be feasible.

  • Now -- it's a part of everyday life.

  • There was no standard -- Shockwave, RealPlayer, QuickTime

  • Macromedia combined Flash and Shockwave. Flash Video won in terms of speed and file size and ubiquity.

  • This is where we are today for the most part.

  • Two big codecs - FLV/F4V and h.264.

  • H.264 is a revolutionary codec delivered as an MPEG4 or a MOV, usually MPEG4.

  • Difference between codec and container:

  • Codec: compressor / decompressor. Responsible for handling compression and instructions for decompression.

  • Container: Delivers the video that's been processed by the codec to the player. MOV, MPEG4 are examples of containers.

  • Progressive download: buffers first, can't jump ahead in video, easy (just point the Flash Player at the file), http://

  • Streaming: all live, can move to any point in the file, harder (requires streaming server like Flash Media Server), rtsp://

  • Popular Flash player: Flowplayer (

  • Not very customizable

  • More obnoxious if you don't have a license

  • Popular Flash player: jw longtail (

  • Skinnable (with XML)

  • Supports HTML5

  • HTML5 brings the <video> element.

  • See

  • Also this book: HTML5 for Web Designers (Jeremy Keith)

  • The <video> element allows you to combine a video file with some javascript to embed a player natively.

  • MPEG4, Ogg, and WebM are supported formats (depends on the browser). MPEG4 will be supported by all except Firefox and is the best option out there.

  • Example: <video src="video.mp4" width="200" height="150" controls></video>

  • You can optionally include <source> elements within the <video> element to specify alternative containers.

  • You can also embed an object element for those browsers that need Flash.

  • JW Player will do HTML5 and Flash support.

  • JW Player is a great place to start. They have a free version with an unobtrusive watermark

  • Documentation is very good. (

  • Q: Can we see the other JW Player skins?

  • A: [showed demos on]

  • JWPlayer is used on

  • Shadowbox is a javascript library that will overlay JWPlayer over your site.

  • Q: For YouTube, do I need to include anything in m head tag? And is there any analytics capability?

  • A: No and no.

  • Q: Can a YouTube video player be prevented from linking out to YouTube?

  • A: No.

  • For transcoding, Squeeze is excellent. Final Cut does this too.

  • Q: Is there anyone on campus who's good with Adobe Premiere (CS4 and CS5)?

  • A: We don't know. Online training? is excellent ($25/month). AzPM, OSCR?

  • Q: Off-topic: Does anyone have experience with distance learning software? Captivate 5?

  • A: Not here.


Officers present: Matt Munsey, Mike Hagedon, Samrat Miller

Officers absent: Cheri Darling (excused)