what format is the video? It doesn’t run in Safari on my Mac either
The video is delivered by youtube so the quick answer is I don’t know. There seems to be a number of issues with <video> on IOS. I can use a direct iframe embed but the client want’s poster frames.
I only came across this issue because WordPress ‘claimed’ to have included it as a core feature. I may have to go back to the old-fashioned javascript methods for a poster frame.
Possible issues with <video> on IOS are;
mime type for the video – but if I don’t know what youtube is delivering that doesn’t help
and
setting “controls=true” in the <video> tag
as per this article;
http://stackoverflow.com/questions/20347352/html5-video-tag-not-working-in-safari-iphone-and-ipad
incidentally it works fine in Safari 5.1 on MacOS
This is the output of the video shortcode;
<div style=”width: 596px; height: 335px; ” class=”wp-video”>
<!–[if lt IE 9]><script>document.createElement(‘video’);</script><![endif]–>
<video class=”wp-video-shortcode” id=”video-2-1″ width=”596″ height=”335″ poster=”http://www.karenmann.co.uk/wordpress/wp-content/uploads/gmtv-poster.jpg” preload=”metadata” controls=”controls”>
<source type=”video/youtube” src=”http://www.youtube.com/watch?v=nTh4u4fAxLA&_=1″ />
http://www.youtube.com/watch?v=nTh4u4fAxLA
</video>
</div>
