http://healthpad.net/dashboard/
它具有10< video>元素就可以了。
由于某些原因,当我在iPad上加载页面时,它不显示视频海报。
尝试以下操作:
>在桌面浏览器上加载页面
>在iPad或iPad模拟器上加载它,你会得到一个带有播放按钮的大黑盒
请告诉我为什么会发生这种情况?
这里是我已经排除:
图像内容类型头。
我验证了图像内容类型头正确设置。
在上面的示例中,Content-Type头适当地image / jpeg。
与video.js库的干扰
VideoJs用于在桌面浏览器上显示漂亮的播放按钮,并自定义控件。然而这个库不干扰本地播放器。
为了确保,我创建了一个没有video-js类的测试视频页面,因此库不会接收和处理该视频。事实上,测试页甚至不包括任何JS库,它只是
<html><body> <video 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" ></video> </body></html>
http://healthpad.net/rj_templates/test/zzz/
使用移动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。只是关闭和重新打开它不会重置此状态。
有谁有任何想法为什么这种情况发生?有办法解决它吗?
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。