I tested locally hosted .mp4 files on up-to-date iOS (tested iPhone only, but several different phones) and am getting a crossed out play button as in attached image. Same on 7.x-2.2.

The file plays as expected in Android and on all browsers checked on OSX, Windows, and Linux. .mp3 audio files play on iOs, so it's just the video that's not working.

CommentFileSizeAuthor
photo.png33.19 KBmarkj

Comments

markj’s picture

markj commented

Just tested on a recent model iPad, same problem.

markj’s picture

markj commented
Priority: Normal » Major

Can anyone else confirm this problem? This is a showstopper for us using MediaFront, so I'd be happy to put some resources into troubleshooting/fixing the issue, but I'd really appreciate it if others could verify the behaviour.

Also bumping the priority up to Major since iOS is obviously a major proportion of devices that require HTML5.

markj’s picture

markj commented

I've confirmed that the issue occurs when I use OSM Player on its own (i.e., not from within the Drupal module).

Also, some results of testing the example videos at http://mediafront.org/osmplayer/ in Safari running on an iOS 7.1 iPad:

  • Simple: video doesn't play, but the poster displays.
  • Playlists: The Vimeo clip and all of the HTML5 clips play. Curious that the Matagascar clip plays here but not when used as the video in the Simple example. Both use the same source URL to totaleclipse.
  • YouTube: video doesn't play.
  • YouTube playlist: Thumbnails in playlist show up but none of the videos play.
  • Vimeo: video plays.
  • Limelight CDN: video doesn't play.
  • Kaltura CDN: Video doesn't play, but the following error message appears: "No source video was found."
  • RTMP Streams: video doesn't play.
jons’s picture

jons commented

Hi, things to consider (which you might have already):

- does vid play if loaded on iPhone etc and played locally - if not then its a codec issue

- set up a simple page to play the video using the HTML video tag<video width="480" height="320" controls autoplay><source src="http://xxx.com/ppp/vvv.mp4">Your browser does not support the video tag.</video>
Test with browser, if OK then test on iPhone. If broken on iPhone then its not mf specifically.
(BTW mf is most likely using the same basic code, if browser supports it, which most will, but this check removes any of the extra javascript processing mf does)

-iPhone etc use the Range Retrieval sub-protocol, which is needed for D6 public & private files & D7 private files. See https://drupal.org/project/resumable_download. (may need a patch as you're using D7)

markj’s picture

markj commented
Status: Active » Closed (works as designed)

We're using Drupal's private file system. Not having Resumable Download was the issue. After installing it iOS can play the media. Thanks very much!