Video Tag Not Working In Safari Now

The code below makes the video tag work in IE9, Chrome and Firefox. However I cant get it to work in Safari

Solution 2:

MP4 is supported by Safari Desktop but you need Quicktime installed to make it work which is a no-no, you cant force your clients to install quicktime..

you better think about a flash fallback, include this into your video tag

 <object type="application/x-shockwave-flash" data="video/video.swf" id="video_background">
    <param name="movie" value="video/video.swf" /></object>

NOTE: iOS doesnt all the profiles that h.264 provides

Source: HTML5 mp4 video working in Chrome and Desktop Safari but not iPhone

Solution 3:

//https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari
<picture>
    <source srcset="explosion.mp4" type="video/mp4">
    <img src="explosion.jpg" alt="An image of an explosion.">
</picture>

//it sove your issue, it work only in safari
//to check browser is safari or not use 
// this if condition
// if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0)