Video shortcode not working IOS

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;

https://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=”https://www.karenmann.co.uk/wordpress/wp-content/uploads/gmtv-poster.jpg&#8221; preload=”metadata” controls=”controls”>

<source type=”video/youtube” src=”https://www.youtube.com/watch?v=nTh4u4fAxLA&_=1&#8243; />

https://www.youtube.com/watch?v=nTh4u4fAxLA

</video>

</div>