今天同事提了一个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>
🥴我TM这真的是太giao了🤪玄学编程
今天同事提了一个bug上来，说h5页面上的视频，在ios手机上播放不了。我就不信这个邪，我明明是按照w3c标准文档...
//解决ios audio无法自动播放、循环播放的问题 var music = document.getEleme...
常见问题和解决方案： 1、video添加自动播放属性autoplay，无法正常播放视频。 解决方案： 需要在vid...
公司产品最近出了个bug，就是视频在iphone上无法播放，一直在加载，最后也没法加载成功！但是在其他平台（安卓、...
在使用video_player时,在ios上无法播放视频。 方法1：在build 出来的web目录里面找到 mai...
vue+element项目 video标签在动态渲染视频文件时，无法加载解决方法如下（需要使用require） y...
1. 解决 video 再 safari 浏览器中默认大屏播放，不小屏播放问题 设置： x5-video-play...
ios手机在使用audio或者video播放的时候，个别机型无法实现自动播放，可使用下面的代码hack。 // 解...
一、ios上无法自动播放（autoplay 是失效的）原因： 移动端为了避免浪费用户的流量，默认video是不能够...
video标签在点击播放后，会被浏览器接管，脱离文档流，z-index无效 如果你使用下面的代码提高video标签...
本文标题：解决video标签在ios上无法播放的问题
本文链接：https://www.haomeiwen.com/subject/pvawgktx.html
网友评论