You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

JavaScript plugin: iPad Makes it compatible with iPhone, iPad and iPod

Features

Flowplayer supports iPad and iPhone even without this plugin. This support comes from the fallback embedding features that are included in the flowplayer.js script. This plugin offers the following additional features and benefits that are not included in the default fallback of flowplayer.js:

  • Exposes the full Flowplayer API to be used from JavaScript.
  • Provides compatibility with the playlists and controlbar JavaScript plugins.
  • The video plays embedded in the page. With the normal embedding method using flowplayer.js it always plays fullscreen like shown in this demo.
To really see how this works use your iPad or iPhone to view the demo on this page. If you view this on some other device/browser that supports Flash you will see the default Flowplayer.

Example

The following video plays in your iPad and iPhone like you expect it would. Note that it plays automatically on iPad and even in iPhone and iPod! autoPlay is enabled by default in Flowplayer when you don't embed the player with a splash image. We recommend embedding with a splash image.

HTML Coding

The player container has the video URL in it's href value. Note that for iDevices it needs to be in a format supported by QuickTime. FLV will not work. 

<!-- player container-->
<a 
	href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-960.mp4" 
	style="display:block;width:500px;height:300px;" 
	id="ipad">
</a>

Note that currently this plugin supports video playback only. Audio files are not yet supported.

JavaScript coding

We just add the ipad() call to the Flowplayer embedding call. 

$f("ipad", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf").ipad();

Additional demos

Configuration

The following configuration options are supported:

name default value description
ipadUrl Can be used to specify a separate video URL to be used in iOS devices.
simulateiDevice false Uses the HTML5 video tag on all web browsers - not only when the user agent is one of the Apple devices.
controls true Show the video player controlbar? Set this to false when you use the JavaScript controlbar plugin with iPad.
Download
flowplayer.ipad-3.2.2.js source code
flowplayer.ipad-3.2.2.min.js minified with Douglas Crockford's minifier

Please right-click and choose "Save link as..." (or similar)

See the version history for this tool.

Found a bug?

If you encounter problems in this script, please send a bug report to the bug reporting forum. If you have a problematic page, including a direct URL to that page is by far the most effective way of helping us to find a bug.