<div class="sparsh-video-gallery-container">
<img class="playBtn" src="http://local-ub/static/version1635318690/frontend/Attindas/corporate/en_US/images/play.svg">
<video preload="auto" id="videoId-7" class="video-player" width="300" height="200" poster="">
<source src="http://local-ub/media/sparsh/video_gallery/I_Am_Attindas_Revised_1_.mp4" type="video/mp4">
</video>
</div>I am using a html video tag in my project and the video is available in all the browsers but it is coming as white space in my iPhone and iPad device irrespective of the browser. When I try to use embed instead of source the video is not working in any of the desktop or mobile devices
playasinline, controls and the right mime-type definition in video tags on iOS devices are a must
If you got a video player showing but it doesn't play the video, check if the server is serving the content right, as iOS is very concious about how it is getting data over its data connection.