大佬教程收集整理的这篇文章主要介绍了为什么iOS上的Safari不显示我的HTML5视频海报？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
由于某些原因，当我在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。只是关闭和重新打开它不会重置此状态。
有谁有任何想法为什么这种情况发生？有办法解决它吗？
以上是大佬教程为你收集整理的为什么iOS上的Safari不显示我的HTML5视频海报？全部内容，希望文章能够帮你解决为什么iOS上的Safari不显示我的HTML5视频海报？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。