Erratic response of iPads and iMac - html video tag failure

Question

Created Aug ’20

Replies 2

Boosts 0

Participants 1

A small, 20 second video on my website is running into problems which seem inconsistent in the iOS environment.

These are the test results:-

iPhone with iOS 13.6 - YES it runs
iPad with iOS 9.3.6 - YES it runs (iPad too old to be updated further)
iPad Mini with iOS 13.6 - NO on any browser
iMac with iOS 10.15.6 - Safari NO; Chrome YES Firefox YES

Here is the code from my web page:-

Code Block 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>

The .mp4 is H.265 encoded but I've also tried H.264 encoding with the same result.

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.

Boost

Answer 1

oldcelt OP

Aug ’20

Am I asking this question in the right forum? I thought a developer forum would have some support from Apple technicians at least! Surely I cannot be the only web developer who has run into this problem? The code block is simple enough and complies with current HTML5 standards.

As every other O/S runs the video as expected, the inconsistency over a range of Apple devices is extremely puzzling.

0

Answer 2

oldcelt OP

Aug ’20

Hello! Anybody out there?

0