Video not playing on iOS [#2232831]

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.

Comment	File	Size	Author
	photo.png	33.19 KB	markj

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

markj CreditAttribution: markj commented 4 April 2014 at 17:16

Just tested on a recent model iPad, same problem.

Comment #2

markj CreditAttribution: markj commented 8 April 2014 at 15:55

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.

Comment #3

markj CreditAttribution: markj commented 9 April 2014 at 16:21

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.

Comment #4

Jons CreditAttribution: Jons commented 10 April 2014 at 04:30

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)