ios html5不显示图片,为什么iOS上的Safari不显示我的HTML5视频海报？

我有这个网页：

http://healthpad.net/dashboard/

它具有10< video>元素就可以了。

由于某些原因，当我在iPad上加载页面时，它不显示视频海报。

尝试以下操作：

>在桌面浏览器上加载页面

>在iPad或iPad模拟器上加载它，你会得到一个带有播放按钮的大黑盒

请告诉我为什么会发生这种情况？

这里是我已经排除：

图像内容类型头。

我验证了图像内容类型头正确设置。

在上面的示例中，Content-Type头适当地image / jpeg。

与video.js库的干扰

VideoJs用于在桌面浏览器上显示漂亮的播放按钮，并自定义控件。然而这个库不干扰本地播放器。

为了确保，我创建了一个没有video-js类的测试视频页面，因此库不会接收和处理该视频。事实上，测试页甚至不包括任何JS库，它只是

controls

height="400"

width="600"

poster="http://healthpad.net/media/CACHE/images/uploads/video_poster_1414/bd5fba5a68ddd0f4b3f61193f6908962.jpg"

src="http://healthpad.net/media/uploads/video_processed_720p_1414.mp4"

使用移动Safari上可能不支持的任何视频属性

上面的测试页只有一个纯视频标签。我试图删除除src和海报除外的每个其他属性，它没有帮助。

大多数StackOverflow问题的主题只是说“重新启动你的iPad”

这里是奇怪的：

如果你google上周围这一点，已经接受的StackOverflow的答案经常说“重新启动你的iPad，这是为我”。

所以我试着做同样的事情，一开始我只是说，它不工作在我的情况。

然后，我试过这：

(以下所有在iPad模拟器上)

>去网站，视频海报不显示

>转到测试页(http://healthpad.net/rj_templates/test/zzz/)，视频海报不显示。

>单击首页以退出Safari(或Cmd Shift H mac模拟器快捷方式)

>双击主页按钮获取Safari外的任务切换器，点击并按住safari图标，直到kill按钮显示。

>杀死Safari

>打开safari(重新启动)。此时，如果您加载测试页(只有一个视频)，海报将显示。

>现在转到多视频页面：(http://healthpad.net/dashboard/)。视频海报不显示。

>回到单一视频测试页，该视频海报不再工作。

>重复步骤3到8，查看视频海报停止工作的过程。

显然，在某些时候，Mobile Safari决定不再显示任何视频海报。

另外，显然，我的网站触发这个条件。

说明：

当海报不再工作时，它不仅发生在一个域，不会为任何其他网站加载视频海报，无论它是否在一个完全不同的域(例如从http://www.videojs.com/演示视频)。

为了重置这种行为，从我看到，你必须杀死并重新启动Safari。只是关闭和重新打开它不会重置此状态。

有谁有任何想法为什么这种情况发生？有办法解决它吗？

ios html5不显示图片,为什么iOS上的Safari不显示我的HTML5视频海报？相关推荐

使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
昨天我们介绍了一款HTML5文件上传的jQuery插件:jQuery HTML5 uploader,今天我们将开发一个简单的叫upload center的图片上传程序,允许用户使用拖拽方式来上传电脑上 ...
给iOS项目中添加图片，并通过UIImageView引用和显示该UIImage图片
[问题] 关于iOS/iPhone中的文件选择对话框,用于用户去选择图片等文件过程中,问题转换为,需要给当前iOS项目中,添加一个图片. 类似于Windows开发中的资源文件,其中图片文件属于资源的 ...
android+多处理器+ios,Fotor －全能图片处理器 #iOS #Android
原标题:Fotor - 全能图片处理器 #iOS #Android 对于很多人来说,照片是社交生活不可割舍的一部分,比起文字来,照片让人们的视觉感受更丰富,因此,一张好照片的诞生就显得很有必要了.好的 ...
php在文本框显示图片,多张图片上传后在页面上可以显示图片，在文本框显示地址怎么解决啊...
下边这个代码是我改的,试了下只能实现其中一个功能,如何可以实现多张图片上传后在页面上可以显示图片,在文本框显示地址呢. K('#J_selectImage').click(function() { e ...
java 对话框显示图片_Java对话框上显示图片
手掌心其实有很多种方法可以解决图片显示大小的问题:使用photoshop修改. 优点是可以节省系统资源, 显示图片的时候,不用做处理,缺点是需要了解ps的基本操作使用JDialog 自定义对话框. ...
linux plt.show不显示图片,解决matplotlib库show()方法不显示图片的问题
解决matplotlib库show()方法不显示图片的问题最近使用python里的matplotlib库绘图,想在代码结束时显示图片看看,结果图片一闪而过,附上我原来代码: import matpl ...
python怎么在gui中显示图片_用 PySimpleGUI 做程序(7)--显示图片
欢迎关注深入 Python 的专栏:恍然大明白www.zhihu.com 本文代码在此:https://github.com/JiangChuanGo/examples/tree/master/Py ...
关于springmvc 只能在index.jsp页面显示图片的处理办法jsp页面无法显示图片
首先,已经配置好了mvc对静态资源的处理只有index,jsp可以显示图片其他页面同样的代码则不显示后来折腾了半天,发现 index是static的父目录的级别文件可以向下访问但是其他的js ...
android显示图片部分区域,Android编程实现只显示图片一部分的方法
本文实例讲述了Android编程实现只显示图片一部分的方法.分享给大家供大家参考,具体如下: 在Android应用程序中加载一张图片,然后把它显示出来这是一件非常容易的事情,那怎么才能显示一张图片的一 ...

ios html5不显示图片,为什么iOS上的Safari不显示我的HTML5视频海报？

ios html5不显示图片,为什么iOS上的Safari不显示我的HTML5视频海报？相关推荐

最新文章

热门文章