无法在iOS浏览器上本地上载和播放视频

我有一个用Vue编写的应用程序。下面是一个代码示例

<input
          id="file-upload"
          class="file-upload-field"
          name="video"
          type="file"
          @change="appendFile($event.target.files)"
/>

appendFile(file) {
      const singleFile = file
      this.file = singleFile[0]
},

追加文件（文件）{
const singleFile=file
this.file=singleFile[0]
},

然后我得到文件的blobURL并将其传递给视频标签

getBlobURLVideo() {
      let blobURL = URL.createObjectURL(this.file)
      console.log('blobURL', blobURL)
      return blobURL
}

<video
      mute
      preload
    >
      <source :src="file"/>
</video>

getBlobURLVideo（）{
让blobURL=URL.createObjectURL（this.file）
console.log（'blobURL'，blobURL）
返回blobURL
}

它在MacOS浏览器上运行良好，但在iOS浏览器上运行良好

我注意到在MacSafari中，它能够发出一个字节范围的请求。但在iPhoneSafari中，请求不在字节范围内（响应代码不是206）

还有一件事，我用的是mp4格式的视频。但当使用iPhone上传时，它已经转换成了mov

请有人帮我解释一下原因和解决办法