苹果safari浏览器播放不了video标签视频

今天遇到了个神奇的问题,视频文件在pc端和安卓手机上播放都没问题,但是在ios上就是播放不了,大概代码如下:

前端代码:

    <video id="video" width="350" height="500" controls>
        <source src="/getFileVideo" type='video/mp4'>
    </video>

后端代码:

    /**
     * description 获取视频文件
     *
     * @author yanzy
     * @date 2022/12/16 17:37
     */
    @GetMapping("/getFileVideo")
    public void getFileVideo(HttpServletResponse response) throws IOException {
        File videoFile = new File("E://test.mp4");
        FileInputStream inputStream = new FileInputStream(videoFile);
        ServletOutputStream out = response.getOutputStream();
        int byteRead = 0;
        byte[] buffer = new byte[1024];
        while ((byteRead = inputStream.read(buffer)) != -1) {
            out.write(buffer, 0, byteRead);
        }
        out.flush();
        inputStream.close();
    }

PC端没任何问题:

在这里插入图片描述

IOS端播放不了:

在这里插入图片描述

在网上搜索了很多办法,有加前端参数配置的:

    <video id="video" width="350" height="500" controls
       muted autoplay preload loop
       x5-video-player-fullscreen="true"
       x5-playsinline
       playsinline
       webkit-playsinline
       poster="test.jpg">
        <source src="/getFileVideo" type='video/mp4'>
    </video>

有改后端多次发送请求,分段获取数据流的:

在这里插入图片描述

经过多次测试最终找到了问题,视频文件在ios上需要两个参数,一个是视频文件的类型,一个是文件的大小长度:

        response.setContentType("video/mp4");
        response.setHeader("Content-length", String.valueOf(videoFile.length()));

修改后ios浏览器就可以正常播放了:

在这里插入图片描述

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Apple发布最快Windows平台浏览器,根据Apple所说,针对Windows平台的Safari浏览器,Apple Safari(苹果浏览器)是目前在windows平台上速度最快的浏览器,业界标准iBech测试显示,Safari浏览网页速度是IE 7的两倍,Firefox 2的1.6倍。 Apple Safari(苹果浏览器)的特性包括: •内嵌到用户界面中的Google搜索功能,支持利用最常用的Web搜索引擎方便而快捷地进行搜索; •SnapBack,这是Safari独有的特性,可以让用户在从Google搜索结果页面或任何网站主页上浏览了多条链接网页后迅速回到Google搜索结果或上一级网站; •书签重新命名,该功能可以帮助用户轻松而快捷地重新命名繁琐的网站名称,将他们变为更适合用作书签的短名称; •书签库,这是一种功能强大的单一窗口界面,类似苹果公司流行的iTunes™和iPhoto™应用。它可以使书签的编排和管理工作变得极为简单便捷; •弹出屏蔽功能可以自动阻塞插入的广告; •地址簿集成,该功能可以向Safari的书签库中自动添加用户地址簿联系数据库中所列的所有网站,如个人网站等; •广泛支持现有的行业标准,以实现网页的正确着色,如HTML、XHTML 1.0、DOM、CSS、SSL、JavaScript和Netscape式的插件,如采用 MPEG-4、Flash、Shockwave和Real的QuickTime®; •简化的下载流程,可以自动处理磁盘镜像、文件解压缩、MacBinary和BinHex转换,以便轻松下载和安装文件及应用而不需在桌面上保留额外的文件; •业界最佳的基于的KHTML的着色引擎——来自KDE的Konqueror开放源代码程序。苹果公司对该程序进行了大幅度改进,这对该开放源代码的应用又发挥了促进作用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值