VideoJS:没有在IOS上工作

时间:2013-07-18 10:23:03

标签: javascript ios html5 ipad video.js

我使用了videojs,它在所有浏览器(包括IE)和Android上运行良好。但它不适用于IOS设备(iphone和ipad IOS版本6)。

以下是我用来将视频添加到页面的代码。

<video id="video1" class="video-js vjs-default-skin" width="276" height="153" controls="" preload="auto" data-setup="{}">
<source src=myvideo.mp4 type="video/m4v" >
</video>    

我花了很多年才找不到任何解决方案。 我正在使用video.js版本3.2.0并永远获得加载微调器。 我尝试使用版本4,只出现黑屏。

请帮助。

4 个答案:

答案 0 :(得分:6)

首先在源src属性周围加上双引号并尝试。如果这不能解决它,听起来像mp4本身的问题,很可能是因为它被编码的方式或它有一个巨大的文件大小。尝试使用videojs的默认电影(http://vjs.zencdn.net/v/oceans.mp4),看看是否有效。如果它有效,你知道问题在于电影文件本身。

答案 1 :(得分:3)

您的Web服务器应支持字节范围请求,检查Web服务器是否支持206响应。如果您使用的是nginx,请添加mp4模块。

答案 2 :(得分:2)

我使用handbrake解决了大多数mp4编码问题。

答案 3 :(得分:0)

尝试将 type="video/m4v" 更改为 "video/mp4"。

<video class="video-js">
  <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
  <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm">
</video>

Offical docs.