HTML Видео не видно на IPhone

Question

я вставил видео тег на сайт. Видео отлично работает на всех устройствах и браузерах (Windows, Android), кроме IPhones.

Это мой код:

<div class="player" id="video">
    <video onloadeddata="this.play();" playsinline="" loop="" muted="">
          <source src="content/example.mp4" type="video/mp4">
          <source src="content/example.webm" type="video/webm">
    </video>
</div>

И это мой CSS для тег Div and Video:

video {
    width: 100%;
    height: auto;
}

.player {
    max-width: 930px;
    margin: auto;
}

Кто-нибудь может мне помочь с этим? Я могу опубликовать больше информации, если вам нужно.

Спасибо!

Answer 1

с вашим HTML все в порядке:

это проблема с IOS

отключением экономии заряда аккумулятора вашего телефона и попытайтесь, если это работает,

также, проверьте это сделать c: safari разрешает автоигру с некоторыми условиями:

https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

Answer 2

Вы можете просто сделать это:

 <video style="width:100%" controls autoplay>
    <source src="content/Vik_Virt_Video_30fps_slow.mp4" type="video/mp4">
<source src="content/Vik_Virt_Video_30fps_slow.webm" type="video/webm">
</video>

Можно использовать тег видео, и он отлично работает на iPhone