Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
Converted for web using Quicktime pro with Export for Web - which creates a 480x270 from the 1280x720 file at H.264 at 900kbs .m4v file which then plays from the OSM browser, and looks great on an iPhone, but not so nice on a 900 pixel wide OSM player on a standard browser. Need 2 versions of the video file, one for iphone and one for standard browsers, with some way of detecting or linking so the iphone users are directed to to the smaller versions of the videos.
So.. I do native iPhone and Android Apps. Lets say I create a Native iPhone/Android app with a WEbView. The URL would look like what? and what modules/recepes would I use to display a Video?
I have a hunch that its going to be a separate solution for each platform.
MP4's work on the iPad/iPhone. If you upload a format that will not play on the apple devices ( non h264 ), then there is nothing that can really be done. For this reason, I recommend using mp4's ( or converting your videos to mp4 ) for this player to work on all devices including iPhone and iPad.
I created a website for my band. I used your module (great video solution!)
I encoded all my videos to mp4 h264 . Under iPhone/iPad I can see the player, but the videos are not buffering and playing. Do I need any special video encoding?
I created a video page (http://www.scvbj.com/video3-testpage) and it is working great so far, but I went to test it on my iPhone and the buffering symbol just spins and spins. These are mostly videos brought in through the embedded media field from YouTube and Vimeo. The video thumbnails do change when I click on them, which is good, but they do not play. It would be awesome to get this working!
Currently the YouTube and Vimeo integration is not compatible with iPhone due to the requirement of Flash. I am pretty sure that they may have an HTML5 version of their api player, so I will work on that soon.
For the YouTube issue, It looks like getting the mediafront module to rewrite the embedded address from http://www.youtube.com/watch?v=rogAydiEBc4
to http://www.youtube.com/embed/rogAydiEBc4
would be a step toward html5 readiness. From that iframe embed version of the url, it leaves it up to youtube to decide what to serve up based on the device AND based on the formats available for the particular video.
On D7 the Media: Youtube module rewrites all entries to be of the form watch?v so it would be up to the media front module to rewrite it to the iframe embed version.
Please note that autoplay is disabled by iOS, thus if you are relying on autoplay, the video will not actually play until the user clicks the play button.
From my experience the large play button (overlay) does not work with this module when using iOS. It does work for browsers. Thus you have to click the tiny play button that is part of the control bar. Also, from my experience, with this module, I had to click the play button twice to get the video to play. I'm assuming this is a bug as relying on the tiny play button for a touch device is not really practical as it is tiny.
YouTube videos do not work on iPhones with this module. But the same videos work in the iPhone YouTube Player as well as the iPhone web browser.
I really appreciate all the hard work you did on this module, but it would have been nice to warn us on the Project Page that YouTube videos don't work with iPhone.
I'm sure it's Flash that's ruining it, one way or another. Flash is dying, especially on mobile devices. Please consider removing it from this module, or at least let us avoid it somehow with preferences, or even touch the video to watch the video in the iPhone YouTube player.
The way it is now it is unusable... every client of mine wants YouTube videos on their Drupal site. So it's either back to Drupal 6, or back to ugly hand coded video blocks that I have to update every time a client wants to change the video.
I thought we finally had a YouTube solution for D7 and iPhones. So frustrating.
Is this still an issue with the latest version of the module (either 6.x-1.5 or 7.x-2.0-rc3)? If so, please provide step-by-step instructions to reproduce, otherwise, please close this issue.
Comments
Comment #1
irishgringo commentedsubscribe...
this would be very interesting
Comment #2
Anonymous (not verified) commentedsubscribing
Comment #3
Remon commentedSince OSM player supports HTML5, an mp4 video will play seamlessly on ipad. Just like youtube. :)
Comment #4
tjb74 commentedI have uploaded .mp4 video files and they do not play on an iphone. I get a white screen with a barred out play button.
Comment #5
tjb74 commentedIts not as simple as having a .mp4 file... http://camendesign.com/code/video_for_everybody gives more info and links.
Comment #6
tjb74 commentedConverted for web using Quicktime pro with Export for Web - which creates a 480x270 from the 1280x720 file at H.264 at 900kbs .m4v file which then plays from the OSM browser, and looks great on an iPhone, but not so nice on a 900 pixel wide OSM player on a standard browser. Need 2 versions of the video file, one for iphone and one for standard browsers, with some way of detecting or linking so the iphone users are directed to to the smaller versions of the videos.
Comment #7
tjb74 commentedYoutube videos do play on an iphone... But Youtube added through emfield are not playing through the OSM player.
Comment #8
irishgringo commentedSo.. I do native iPhone and Android Apps. Lets say I create a Native iPhone/Android app with a WEbView. The URL would look like what? and what modules/recepes would I use to display a Video?
I have a hunch that its going to be a separate solution for each platform.
Comment #9
ManyNancy commentedReally need ipad support.
Comment #10
travist commentedMP4's work on the iPad/iPhone. If you upload a format that will not play on the apple devices ( non h264 ), then there is nothing that can really be done. For this reason, I recommend using mp4's ( or converting your videos to mp4 ) for this player to work on all devices including iPhone and iPad.
This is by design.
Comment #11
damiandab commentedHi Travis,
I created a website for my band. I used your module (great video solution!)
I encoded all my videos to mp4 h264 . Under iPhone/iPad I can see the player, but the videos are not buffering and playing. Do I need any special video encoding?
Here the website: http://leyanmusic.com
Best,
Damian
Comment #12
damiandab commentedopening, doesn't work or do I need a special encoding for mp4 h264 to make it playing with iphone/ipad ?
Comment #13
damiandab commentedI think we have here another problem with video loading, I described that in:
http://drupal.org/node/958030
Comment #14
pkcho commentedI created a video page (http://www.scvbj.com/video3-testpage) and it is working great so far, but I went to test it on my iPhone and the buffering symbol just spins and spins. These are mostly videos brought in through the embedded media field from YouTube and Vimeo. The video thumbnails do change when I click on them, which is good, but they do not play. It would be awesome to get this working!
Thank you for a great front end solution!
Joe
Comment #15
travist commentedHey Joe,
Currently the YouTube and Vimeo integration is not compatible with iPhone due to the requirement of Flash. I am pretty sure that they may have an HTML5 version of their api player, so I will work on that soon.
Thanks,
Travis.
Comment #16
pkcho commentedTravis, thank you for getting back to me.
Comment #17
swirtFor the YouTube issue, It looks like getting the mediafront module to rewrite the embedded address from
http://www.youtube.com/watch?v=rogAydiEBc4
to
http://www.youtube.com/embed/rogAydiEBc4
would be a step toward html5 readiness. From that iframe embed version of the url, it leaves it up to youtube to decide what to serve up based on the device AND based on the formats available for the particular video.
On D7 the Media: Youtube module rewrites all entries to be of the form watch?v so it would be up to the media front module to rewrite it to the iframe embed version.
Comment #18
akolahi commentedPlease note that autoplay is disabled by iOS, thus if you are relying on autoplay, the video will not actually play until the user clicks the play button.
From my experience the large play button (overlay) does not work with this module when using iOS. It does work for browsers. Thus you have to click the tiny play button that is part of the control bar. Also, from my experience, with this module, I had to click the play button twice to get the video to play. I'm assuming this is a bug as relying on the tiny play button for a touch device is not really practical as it is tiny.
Comment #19
trgreen17 commentedYouTube videos do not work on iPhones with this module. But the same videos work in the iPhone YouTube Player as well as the iPhone web browser.
I really appreciate all the hard work you did on this module, but it would have been nice to warn us on the Project Page that YouTube videos don't work with iPhone.
I'm sure it's Flash that's ruining it, one way or another. Flash is dying, especially on mobile devices. Please consider removing it from this module, or at least let us avoid it somehow with preferences, or even touch the video to watch the video in the iPhone YouTube player.
The way it is now it is unusable... every client of mine wants YouTube videos on their Drupal site. So it's either back to Drupal 6, or back to ugly hand coded video blocks that I have to update every time a client wants to change the video.
I thought we finally had a YouTube solution for D7 and iPhones. So frustrating.
Comment #20
ultimikeIs this still an issue with the latest version of the module (either 6.x-1.5 or 7.x-2.0-rc3)? If so, please provide step-by-step instructions to reproduce, otherwise, please close this issue.
Thanks,
-mike
Comment #21
ultimikeClosing, based on lack of responses. Feel free to re-open in the future if this is still a reproducible issue.
Thanks,
-mike