javascript - ios os 中没有显示视频

Question

我有一个上传程序，它上传在所有设备和操作系统上运行的视频，但不是 iPhone 以太，chrome 或 safari 无法打开视频，因为我检查了网络，所以我想出了这个解决方案：在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>

标签： javascriptphphtmllaravelvue.js