Optimize Flash content for mobile browsers

Extend your rich, immersive content and experiences consistently to mobile devices—smartphones, netbooks, smartbooks, tablets.

Improved productivity and faster time to market—the same authoring tools, a single code base and the ability to reuse assets makes optimization easy and simple.

Enable your customers the freedom to experience your web application, video, game or interactive web media content on their choice of device, operating system or browser.

Continue your leadership as an innovation leader by having your site automatically work on mobile and tablet devices with Flash Player.

For content authoring, please make sure you have Adobe Flash Professional CS5.5 installed, which includes Adobe Device Central CS5.5.

For physical device testing, please use a certified device running Android 2.2, 2.3, or 3.0.1+. See list of certified devices.

This technical paper reviews the obstacles to creating a consistent experience for users of mobile devices, and describes best practices for creating Flash (SWF) content that scales gracefully between desktop and mobile browsers.

Mobile devices are less powerful than desktop computers, so some Flash content may run sluggishly on those devices, and some content may use too much memory. This comprehensive reference describes a number of strategies for improving your application's performance on mobile devices, as well as on desktops, tablets, and TVs.

Many mobile devices include special-purpose hardware to decode video and render graphics on the screen. This section of a longer article on Flash Player hardware acceleration for video and graphics describes techniques for tuning your content so that it takes advantage of the underlying hardware.

As the Flash Platform continues to proliferate and reach more devices, developers need to adopt techniques for authoring with multiple screen sizes and resolutions in mind. This article discusses several techniques to help Flash developers author content that will render properly on any device, regardless of its screen resolution and pixel density.

This document describes how to monitor the usage of media files (videos) on your website, including Adobe Flash and Flex applications, and correlates this data with revenue generated on your website. You can track videos using both JavaScript and ActionSource.

When designing a mobile or tablet application, you should consider the unique characteristics of the device. Differences in screen size and input types will affect the way that the application is designed. This article explores some of those differences, and it offers tips for creating a compelling experience.

On desktop computers, the Flash runtime is practically ubiquitous. Many HTML pages simply include <object> and <embed> tags, based on the assumption that Flash will always be present. On mobile devices, though, you may want to check whether the Flash runtime is installed. This article describes a JavaScript library, called SWFObject, which performs that check.

This white paper describes techniques, best practices, and recommended settings for encoding live or VOD video for optimal playback on mobile phones and tablets. Although this document focuses specifically on Android powered devices, many of the general guidelines presented apply to other platforms.

This white paper describes techniques, best practices, and recommended functionality for developing media player applications that are optimized for mobile and tablet devices.

Use these recommended settings when encoding your video for Flash Player playback on mobile and tablet devices.

This document describes the parameters to use when encoding a video for mobile and tablet devices, and suggests several tips for optimizing the video player SWF.

This article includes the source code for a video player, which is optimized for use on mobile devices. You can use this player on your web site as it is, or you can modify it to suit your needs.

Before you begin optimizing your video player, you will want to quantify its performance on a mobile device. This article explains how to instrument your video player so that you can measure and display the video frame rate.

This document describes when and how Flash Player switches to full-screen mode, gives useful HTML tags and tips for optimally embedding your content for mobile and tablet devices, and discusses how to resize and adjust content presented in Flash Player when in full-screen mode.

This document describes ways to optimize the user experience of your video content and playback on mobile and tablet devices. It discusses how to profile your video player performance, properly encode your video, and design your video player for mobile and tablet devices.

A fully configurable flash application which supports playback optimized for mobile devices. The player supports of several video formats including H.264. Additional features include play list support, JavaScript API, external skinability, and integration with tracking services.

Simple examples to profile the performance of video playback. (ActionScript 2 and 3 versions provided.)

Note: Access to your video player's source code and a development tool (typically Flash Professional or Flash Builder) is required.

A simple auto-rotating image slideshow application optimized for mobile devices. The application supports basic configurability through an external XML file.

Two sample components created with Adobe Flash Builder 4 and optimized for mobile that you can use and extend in your mobile Flash applications:

DraggableVerticalContainer vertically scrolls a block of DisplayObjects

DraggableVerticalList vertically scrolls items in a list