Hi Mike trust you are well. Not sure if this helps but had a similar request not long ago. Sorry if it doesn't resolve your issue.
For IE and other browsers I implemented this which needed swfobject.js, jquery.js and a SNAPSHOP IMAGE with head and body code, but it did validate.
<head>
<script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { var v = document.createElement("video"); // Browser support <video>? if ( !v.play ) { // If no, use Flash. var params = { allowfullscreen: "true", allowscriptaccess: "always" }; var flashvars = { file: "video.f4v", image: "snapshot.jpg" }; swfobject.embedSWF("player.swf", "client-video", "480", "272", "9.0.0", "expressInstall.swf", flashvars, params); } }); </script> </head>
<body> <div id="content"> <div id="client-video"> <video id="client-video" poster="snapshot.jpg" controls> <source src="video.m4v" type="video/mp4" /> <!-- MPEG4 for Safari --> <source src="video.ogg" type="video/ogg" /> <!-- Ogg Theora for Firefox 3.5+ --> </video> </div> </div> </body></html>