Flex 4 Cookbook

Chapter 10. Video

With a high level of adoption and good codec support, the Flash Player is a powerful platform for creating video players. Customizing these video players has never been easier, thanks to the Flex 4 SDK’s improved video support and the new Spark skinning architecture. The s:VideoPlayer component contains skin parts for the individual video controls, including a play/pause button, video scrub bar, volume control, and full screen button. This chapter covers the basics of setting, using, and skinning the video players provided in the SDK.

This chapter looks at the Open Source Media Framework (OSMF) for displaying video within a Flex application. The OSMF is an ActionScript 3-based extensible media framework designed to facilitate video monetization through advertising and standard player development. As the name implies, it is an open source project; it was created by Adobe (http://opensource.adobe.com), and although it is not dependent on any Flex classes, it is included in the SDK. The fact that it is not dependent on the Flex framework allows the OSMF to facilitate standard video player development across Flex and ActionScript-only projects.

10.1. Create a Basic Video Player

Problem

You need to display video in your Flex application.

Solution

Use s:VideoDisplay to create a basic chromeless video player.

Discussion

The s:VideoDisplay component is a simple way to display video. Because the component is chromeless, it does not contain any controls. You must, therefore, control ...