Here is the code I am using:
<div id="hideThisUltraCoolVideoFromYou" style="display: none;">
<object style="height: 253px; width: 420px;">
<param name="movie" value="//www.youtube.com/v/0gbfJSIJyNY?version=3&hl=en_US&autoplay=1" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" /> <embed type="application/x-shockwave-flash" width="420" height="253" src="//www.youtube.com/v/0gbfJSIJyNY?version=3&hl=en_US&autoplay=1" allowfullscreen="true" allowscriptaccess="always"></embed>
</object>
</div>
<p style="width: 380px; height: 200px;"><img style="width: 420px; height: 253px; cursor: pointer;" onclick="this.style.display='none';document.getElementById('hideThisUltraCoolVideoFromYou').style.display='block';" src="http://pages.west.edu/rs/apollowest/images/whywestvideo_desktop_thumb_V2.jpg" alt="" width="374" height="253" /></p>
here is the landing page: http://dev-pages.west.edu/ResponsiveProduction.html
Video works fine on desktop and google nexus5, but will not load video on iphone.
Any information would be helpful.
-Rodney