解决video标签在ios上无法播放的问题
创始人
2024-12-02 17:43:19
0次

今天同事提了一个bug上来，说h5页面上的视频，在ios手机上播放不了。我就不信这个邪，我明明是按照w3c标准文档写的代码啊，怎么会放不了？下面是我写的代码

<video control src="http://xxxx.mp4">

没毛病，在我的安卓手机是正常播放的。但是，当我用同事的手机访问，的确是放不出来

上一顿操作下来，各种说法都有。其中有一种是需要服务端配置Accept-Ranges请求头的，我这个视频是放到云对象存储里的，去改这个请求实属麻烦。换了视频格式 保存方式都不行。

后来，发现换一种写法，就可以不修改服务器配置，直接就可以播放了。代码如下

<video control>
  <source src="http://xxxx.mp4" type="video/mp4">
  <source src="http://xxxx.mp4" type="video/ogg">
  <source src="http://xxxx.mp4" type="video/webm">
</video>




上一篇：分享部分Python代码片段

下一篇：AI 引领代码编写新潮流

相关内容

热门资讯

智能时代如何提升我们的电器维修... 一、项目背景随着科技的飞速发展，电器设备在人们的日常生活和工作中扮演着不可或缺的角色。然而，电器故障...
百度网盘让10亿人在网上安了“... 百度网盘升级为一站式平台，注册用户超10亿在2024百度世界大会上，百度网盘宣布全面升级为集内容存储...
13年前微信安装包仅457KB... 微信正在测试一项新功能，旨在通过自动清理原图和原视频文件，减少微信占用的存储空间。这项“原图、原视频...
怎么提升我们的代码能力？ 同的语言有不同的特性，甚至有不同的原理，如果没有对语言基础有比较扎实得掌握，很容易犯一些低级错误。举...
AI 引领代码编写新潮流 随着科技的不断进步，AI 在代码编写领域展现出了强大的崛起之势。近年来，人工智能技术日益成熟，其在编...
AI 代码编写的具体应用 （一）自动化代码生成AI 在自动化代码生成方面展现出强大的能力。通过自然语言处理（NLP）和机器学习...
分享部分Python代码片段 1、文件重复查找器有没有看过你的硬盘，想过，为什么只剩下 100MB 了？ 重复文件，大概率是因为这...
Algen: ASDO——区块... ASDO的关键特性数据可用性预测切换：通过先进的预测模型，ASDO根据市场动态在不同数据处理方式之间...
百度的多模态路线是什么？ 当ChatGPT掀起国内“百模大战”，百度率先交卷文心一言。Sora再掀视频生成风潮，却传出李彦宏内...
解决video标签在ios上无... 今天同事提了一个bug上来，说h5页面上的视频，在ios手机上播放不了。我就不信这个邪，我明明是按照...