2012-07-23 29 views
1

其全部搞砸了iphone。下面是代码html 5 videojs不会出现在iphone上3G

<video id="my_video_1" class="video-js vjs-default-skin" controls 
preload="auto" width="540" height="425" poster="/sites/all/themes/iws/videos/image001.jpg" 
data-setup="{}"> 
<source src="/sites/all/themes/iws/videos/overview-IWS-proposal.mp4" type="video/mp4"> 
<source src="/sites/all/themes/iws/videos/overview-IWS-proposal.ogg" type="video/ogg"> 
<source src="/sites/all/themes/iws/videos/overview-IWS-proposal.webm" type="video/webm"> 

</video> 

的海报图片,播放按钮将显示,但是播放按钮全乱了(不居中,疯狂地在右下角伸出),它甚至不玩的时候你点击它。这是当你的Wi-Fi连接

当你没有连接到无线网络(3G),它只是显示了删除线通过它播放按钮(如禁止吸烟标志)

下面是页面进一步的文档

http://www.imageworksstudio.com/content/video-testing

+0

我没有得到你的问题是什么。你的意思是你不能在iphone上播放你的html5视频吗?因为我用iphone模拟器测试了它,并且运行良好。 – arufian 2012-07-24 05:12:28

+0

我的iPhone 4 iOS 5上的大播放按钮也很大。你知道任何可能与按钮冲突的样式吗?或者是整个玩家被漂浮/定位的方式可能会影响它? – heff 2012-08-02 18:28:16

回答

1

有一点问题的自己,不知道这是否是同样的事情:旧的iPhone手机只能处理旧的编解码器。 from apple -

桌面上的Safari支持安装的QuickTime可以播放的任何媒体。这包括使用编解码器编码的媒体QuickTime本身不支持,只要编解码器作为QuickTime编解码器组件安装在用户的计算机上。

iOS上的Safari(包括iPad)目前支持未压缩的WAV和AIF音频,MP3音频以及AAC-LC或HE-AAC音频。 HE-AAC是首选格式。

iOS上的Safari(包括iPad)目前支持使用H.264视频(基线配置文件)和支持的音频类型之一编码的MPEG-4视频(Baseline配置文件)和QuickTime影片。

iPad和iPhone 3G及更高版本支持H.264基线配置文件3.1。早期版本的iPhone支持H.264 Baseline profile 3.0。

https://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW1