Видео не отображается в ios ОС

Question

У меня есть загрузчик, который загружает видео, которое работает на всех устройствах и ОС, но не iPhone ether. chrome или safari не может открыть видео, любая идея, что может быть не так, потому что я проверил net и я придумал это решение: в ios проигрыватель загружается, но он не показывает видео с приведенным ниже решением

<video class="video" playsinline autoplay muted loop>

Я сделал это, но не повезло. по этой ссылке я пытаюсь воспроизвести видео на ios:

https://wishato.com/wish/wStvun

вот мой код для видео:

<template>
    <div class="wishgallery">
        <loading :display="loading"></loading>
        <div class="gallery" v-show="dataLoaded">
            <transition-group name="wish-gallery"
                              tag="div"
                              class="gallery-items"
                              :enter-active-class="enterClass"
                              :leave-active-class="leaveClass">
                <div v-for="(item) in slideShow" :key="item.id" class="gallery-item"
                     v-show="item.active">

                    <img v-if="item.mime.match('image')" :src="item.path" alt="wishato" v-on:load="imgLoaded($event)">
                    <video class="video" controls v-else-if="item.mime=='video/mp4'" poster="">
                        <source :src="item.path" :type="item.mime">
                        your browser cant support this format 
                    </video>
                </div>
            </transition-group>
            <div class="navigator" v-if="slideShow.length > 1" :class="[{hidenavigator: navStat}]">
                <span class="hideIcon" @click="hidenav">
                    <i class="icon icon-chevron-down"></i>
                </span>
                <div class="nav-items">
                    <div class="nav-cont">
                        <div v-for="(item) in slideShow" :key="item.id" class="nav-item"
                             :class="{active : item.active}" @click="changeImage(item.id)">
                            <img v-if="item.mime.match('image')" :src="item.path" alt="wishato"
                                 v-on:load="imgLoaded($event)">
                            <div class="video" v-else-if="item.mime.match('video')">
                                <i class="icon icon-playvideo"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>