从APP内分享视频至微信，在微信内打开，采用原生video标签，为什么安卓的可以播放，ios的播放不了？

Z时代
2024-02-06
分类：IT

问题描述

一个h5端的二次迭代，里面有一个分享视频，从app里面分享至微信，在微信浏览器内打开，然后安卓端视频都可以正常播放，iOS端有一些视频可以打开，有一些打不开，不知道是视频播放器的问题，还是ios与安卓兼容性的问题...

问题出现的环境背景及自己尝试过哪些方法

我将原生video标签，改成videojs视频播放器插件，然后也效果还是一样的

相关代码

粘贴代码文本（请勿用截图）
<div v-if="banner[0].indexOf('.mp4') != -1" class="discover-video">

    <video
      width="100%"
      height="100%"
      :src="banner[0]"
      :poster="videoPreImg"
      controls
      autoplay
      loop
      ref="myVideo"
    >
      <source :src="banner[0]" type="video/mp4" />
    </video>
    <canvas ref="canvasRef" @click="controlVideo"></canvas>
    <!-- videojs -->
    <!-- <video ref="myVideo" class="video-js"></video> -->
  </div>