A small, 20 second video on my website is running into problems which are inconsistent across Apple devices.
This is what I've found:-
iPhone with iOS 13.6 - Runs as expected
iPad with iOS 9.3.6 - Runs as expected (iPad too old to be updated further)
iPad Mini with iOS 13.6 - Will not run with any browser; Safari; Opera; Chrome;
Mac with O/S 10.15.6 - Safari NO; Chrome YES Firefox YES
This is my code:-
I've searched every technical forum I can find and not been able to find a solution. The video works perfectly on any other O/S (Windows; Android; Amazon Fire; etc).
Most threads relating to similar problems are years out of date. I'd be extremely grateful if anyone can shine a light here. TIA.
This is what I've found:-
iPhone with iOS 13.6 - Runs as expected
iPad with iOS 9.3.6 - Runs as expected (iPad too old to be updated further)
iPad Mini with iOS 13.6 - Will not run with any browser; Safari; Opera; Chrome;
Mac with O/S 10.15.6 - Safari NO; Chrome YES Firefox YES
This is my code:-
HTML:
<div class="embed-responsive embed-responsive-4by3">
<video class="video-background" controls="true" controlsList="nodownload" playsinline>
<source src="videos/logoVid265.mp4" type="video/mp4">
<source src="videos/logoVid.webm" type='video/webm;codecs="vp8, vorbis"'>
Your browser does not support the video tag.
</video>
</div>
Most threads relating to similar problems are years out of date. I'd be extremely grateful if anyone can shine a light here. TIA.