2013-07-18 54 views
1

我使用了videojs,它可以在所有浏览器(包括IE)和Android上正常工作。但它不适用于IOS设备(iphone和ipad IOS版本6)。VideoJS:不在IOS上工作

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

<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,只是黑屏出现。

请任何帮助。

+1

你确定该文件可以由ios玩吗? –

+0

虽然这不是特定问题的情况,但如果有其他人进入这种情况,iOS不支持自动播放:http://help.videojs.com/discussions/questions/922-autoplay-on-ipad-does-没有工作,没有控制 – Wtower

回答

5

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

+0

是的,问题出在电影本身。谢谢 –

+0

,但它适用于所有设备/所有浏览器,但不适用于IE9。 –

+0

是的,目前版本的videojs似乎存在一个小问题。看看我的教程,这使得videojs abit更加移动友好= http://www.andy-howard.com/recreate-bbc-iplayer/index.html 这使用稍旧版本的videojs(大约1个月前),但它适用于所有浏览器和智能手机。 –

3

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

+0

我没有尝试过,但是通过在AWS S3上托管视频而不是在我自己的服务器上,视频开始在iOS设备上运行。看起来好像服务器配置会影响视频播放与否。 –

2

我使用handbrake解决了我的大部分mp4编码问题。

+0

手刹岩石 – mtyson