Атрибут Ionic Video Mute игнорируется

Question

У меня странная проблема, когда тег mute на элементе видео игнорируется.

   <video #media playsinline webkit-playsinline loop muted
   [src]="video_url"
   class="videoPlayer"
   preload="metadata"
   type="video/mp4">
   </video>

Параметр muted or muted = "true" пропускается, а видео продолжает воспроизводиться со звуком.

Я понимаю, что вы можете отключить звук видео с помощью java-скрипта, и пока это работает, iOS не разрешит автоматическое воспроизведение видео до тех пор, пока видео не будет нажато первым.

Есть ли какая-либо причинаЯ бы видел такое поведение с HTML-частью видео?

Спасибо,

Трой

Answer 1

Во-первых, я вижу, что у вас есть

# media

Вы хотите, чтобы это было id="media"?

Еще одна вещь, которую я вижу, это то, что ваш

muted = "true"

является недопустимым синтаксисом для объявления логического атрибута.Просто добавьте muted="muted".

Кроме того, когда вы говорите

, вы можете отключить звук видео через java-скрипт, и пока это работает, iOS не разрешит автоматическое воспроизведение видео, покавидео кликают первым.

Вы имеете в виду, что вы хотите, чтобы видео воспроизводилось автоматически при загрузке страницы?В этом случае добавьте autoplay="autoplay".

Если у вас возникли проблемы, не описанные выше, просто оставьте комментарий, и я исправлю его как можно скорее.