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:
Any advice would be greatly appreciated.
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.