Video is not playing on Safari browser and iPhone real devices on SCA websites.

In my task i added a one video in home banner section. That video is playing correctly andriod devices , chrome, edge , firebox but not playing on safari browser and real iPhone devices. So checked the possibilites and found one css property . after applying that video is playing correctly in all browser and devices.

<video class="bannerGif"
                        src="../SSP Applications/NetSuite Inc. - SCA 2023.1.0/Development/img/Home-Page-Banner/Banner.mp4"
                        autoplay muted loop playsinline>
                    </video>
CSS:
.bannerGif {
        height: auto;
        width: 100%;
        clip-path: inset(1px 1px);
    }