How to remove player from video on iPhone?

Question

iOS

The whole point is in the title. Doesn't hide video controls on iPhone. Everything works fine on PC and Android.

+ sound is not removed
+ .play() function does not work

<video src="video.mp4" controls="false" loop muted></video>

Styles added

video::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0
}

video::-webkit-media-controls-enclosure {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0
}

video::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none
}

video::--webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.custom-video-controls {
    z-index: 2147483647
}

Mini fix in js

var videos = document.querySelector('.slider-video video');
  for (var iv = videos.length - 1; iv >= 0; iv--) {
    let vr = videos[iv];
    vr.controls = false;
  }

And, the actual video switcher in slick.js

$('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
    console.log(slick);
    let currentVideo = $(slick.$slides[currentSlide]).find('.slider__video');
    let nextVideo = $(slick.$slides[nextSlide]).find('.slider__video');
    $(currentVideo).find('video')[0].pause();
    $(nextVideo).find('video')[0].play();
  });

Answer 1

And tapping on the screen is not an option?))
No way. The iPhone doesn't care about your styles, etc. He will always put his player. Once I happened to see only 1 player that "overlapped" the iPhone, watched a movie. But everything worked through the izda, they constantly replaced each other, overlapped, twitched, and so on.