Webm format not playing on ios?

Question

css

Good afternoon!
Faced such a problem that a video in the webm format is added to the site.
On windows, android it plays normally.
But on ios, when you click on a video, a notification pops up "Do you want to download a file?"
I put down for tags and playsinline, muted, controls, type='video/webm'
And all to no avail, still offers to download, for the revenge of playing the video.
Has anyone else experienced this and can suggest how to resolve this issue.

Answer 1

safari has obvious problems with WebM
, in particular, in iOS it only supports the VP8 video stream, and then only from version 12.2
use several source files of different formats like this:

<video controls width="400" height="300">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
</video>

Answer 2

Pay attention to the attributes for the video tag. They are passed the correct values. If you just specify <video muted playsinline>, then it just might not work. This is what an apple is.

<video muted="true" playsinline="true">
  <source type="video/webm" src="video.webm">
  <source type="video/mp4" src="video.mp4">
</video>