Has anyone gotten video to work on an iPad?

I've just installed flowplayer and video modules. I've successfully configured everything and uploaded one *.flv file, and it viewing it works well in Chrome, MSIE and Firefox. Well done guys, much appreciated. But, of course, I'd like an iPad work around too!

Thx.

-- Cronin

Comments

ajmartin’s picture

Flowplayer = flash. iPad does not support flash. You need to set up a fallback to html5, or use a html5 player like http://drupal.org/project/videojs

adr75’s picture

The latest version of Flowplayer has build-in support for iPad (http://flowplayer.org/3.2/3/). Haven't used the flowplayer module myself, but Flowplayer 3.2 works fine for me on an iPad.

adr75’s picture

If you would implement Flowplayer 3.2 manually or using a module, movies play just fine on the iPad because Flowplayer now has build-in fall back for iOS devices. I think these movies can't have an flv format, so I offer them as m4v.

simone960’s picture

Any update on this on Drupal 7, it works on all browsers but not iphone and ipad. How to set up a fallback to HTML 5 instead?

jurveen’s picture

For D7, I've added the following code to flowplayer_add() in flowplayer.module:

<?php
    // Add ipad plugin when any iOS device is detected
    $isiPad = (bool) strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'ipad');
    $isiPhone = (bool) strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'iphone');
    $isiPod = (bool) strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'ipod');

    if ($isiPod || $isiPad || $isiPhone) {
        drupal_add_js(drupal_get_path('module', 'flowplayer') . "/flowplayer.ipad-3.2.12.min.js");
        drupal_add_js('jQuery(document).ready(function() {$f("player", "/' . drupal_get_path("module", "flowplayer") . '/flowplayer/flowplayer.swf").ipad();});', 'inline');
    }
?>

Make sure this code is below all other drupal_add_js lines.
Put flowplayer.ipad-3.2.12.min.js in /sites/all/modules/flowplayer.

cbccharlie’s picture

Jurveen, I tried your solution, but it is not working for me. In iPhone always shows the message to install Flash player. If I try to test on the computer, removing the agent if shows the error "Flowplayer can not access element: player". Do you know what could be the problem?

Thank you very much.

bbbo’s picture

Issue summary: View changes

The fallback will only work with MP4 files. iOS cannot play FLV in any web player / component.

If you provide a correctly encoded MP4 and use the hack in https://www.drupal.org/node/1258346#comment-7881627 , it should work.

damienmckenna’s picture

Status: Active » Closed (duplicate)

Shouldn't this be resolved by #1805580: New Flowplayer 5.0 HTML5 Player?