I do know that if the video is too large for iPhone, you'll see the slashed play button.
On Apr 13, 10:44 am, KevMo <kevinps...@gmail.com> wrote: > 'm trying to code a site in GWT that plays videos with HTML5. > Everything works great on the desktop, but mobile Safari on both the > iPhone andiPaddo not play the video. > > I can play a video using Video for Everybody. I've even copied the > code to my own plain HTML page, and it works flawlessly. If I serve > that same code via a GWT widget, mobile safari will not play the > video. On the iPhone I see a gray box with a prohibitory sign around > the play button, and on theiPadit shows up as a black box. > > I've made sure my doctype is <!DOCTYPE html>, but I don't know where > else to start debugging. Perhaps it it because the code is injected > via javascript? Any pointers on where to start looking would be > greatly appreciated. > > Here is the exact code I am using for the video: > > <!-- "Video For Everybody" by Kroc Camen. see <camendesign.com/code/ > video_for_everybody> for documented code > > =========================================================================== > ======================================== > --> > <video width="640" height="360" poster="poster.jpg" controls autoplay> > <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" > type="video/mp4"></source> > <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" > type="video/ogg"></source> > <!--[if gt IE 6]> > <object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23- > BC80-D3488ABDDC6B"><! > [endif]--><!--[if !IE]><!--> > <object width="640" height="375" type="video/quicktime" > data="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"> > <!--<![endif]--> > <param name="src" value="http://clips.vorwaerts-gmbh.de/ > big_buck_bunny.mp4" /> > <param name="autoplay" value="true" /> > <param name="showlogo" value="false" /> > <object width="640" height="384" type="application/x-shockwave- > flash" > data="player.swf? > autostart=true&image=poster.jpg&file=http://clips.vorwaerts- > gmbh.de/big_buck_bunny.mp4"> > <param name="movie" value="player.swf? > autostart=true&image=poster.jpg&file=http://clips.vorwaerts- > gmbh.de/big_buck_bunny.mp4" /> > <!-- fallback image --> > <img src="poster.jpg" width="640" height="360" alt="Big Buck > Bunny" > title="No video playback capabilities, please download > the video below" /> > </object><!--[if gt IE 6]><!--> > </object><!--<![endif]--> > </video> -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.