Enabling iPad compatibility JavaScript Plugins - Demo 13 / 13
Introduction
This example shows how to use the iPad plugin. You can view this page with your iPad and the video plays embedded in this page. When you access this page with a regular web browser it uses the Flash based Flowplayer.
Note that Flowplayer supports the iPad and the iPhone even without this plugin. This plugin offers
some extra features and benefits.
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>We recommend to use a splash image or any other HTML inside the player container so that the player will not be loaded until the container is clicked. This offers a better experience for iPhone users.
Flowplayer configuration
We just add the ipad() call to the Flowplayer embedding call.
$f("ipad", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf").ipad();
Take a look at a standalone version of this demo. View its source code to get things going on your page.