HTML5 and Video on the iPad

Discussion in 'Web Design and Development' started by resslx, Aug 10, 2010.

  1. resslx macrumors newbie

    Joined:
    Aug 10, 2010
    #1
    I'm working on getting a site with video compatible for the iPad here:
    http://www.heartlandpokertour.com/index3.php

    I seem to have succeeded, but 50% of the time it loads without showing the video controls. All the user sees is a blank, black area. They are still able to click where the play button is and view the video, but they would have to already know it is there.

    The other half of the time the controls are displayed.

    What would cause such an inconsistency?

    Is there another option of displaying an image until the user plays the video, wherein I could direct them to push the button?

    Here's the current code to play the video:

    HTML:
     <!--[if !IE]>-->
    		<video id="someVideo" width="324" height="324" preload controls autoplay>
    		<source src="media/intro.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    		<source src="media/intro.ogv" type='video/ogg; codecs="theora, vorbis"' />
                <!--<![endif]-->
    		
    		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="324" height="324" id="video" align="middle">
                <param name="allowScriptAccess" value="sameDomain" />
                <param name="movie" value="/media/video.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#000000" />
                <!--[if !IE]>-->
                <object data="/media/video.swf" quality="high" bgcolor="#000000" width="324" height="324" name="video" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
                <!--<![endif]-->
                <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">Flash 8 (or higher)</a> is required view the slideshow on this page.<br />
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
              </object>
    		  <!--[if !IE]>-->
    
    		Your browser does not support the <code>video</code> element.  
    		
      </video>
                     <!--<![endif]-->
    
    		</div>
    Any advice would be greatly appreciated.
     
  2. holidaypf macrumors member

    Joined:
    May 11, 2009
    Location:
    Dallas, Texas

Share This Page