【发布时间】：2015-07-06 13:16:53
【问题描述】：
我的主页有问题； http://lcpdevelopment.flourishsales.co.uk/
我们上传了一个视频作为背景，但在某些较旧的浏览器和移动设备上，由于各种原因视频无法播放，这很好 - 但我想在无法播放时将其替换为图片。
我尝试了各种方法，但只是不知道如何将图像放置在视频的确切空间上，只有当视频不播放时？
【问题讨论】：
-
您如何显示视频？有些播放器允许您指定这样的占位符 - 想到 jwplayer。
-
嗨帕特里克，它只是通过
-
你试过这个吗：stackoverflow.com/a/9723561/24875 - 基本上看起来你只需要在视频标签内的某个地方添加一个图像标签。不确定为什么海报属性不起作用。
-
太棒了！该图像现在使用
<video autoplay="autoplay" muted="muted" loop="loop" poster="images/lcpbg.png" style="width: 1903px; height: auto; visibility: visible;"> <source src="images/lcpbg.webm" type="video/webm"> <img src="images/lcpbg.png" title="Your browser does not support the <video> tag" style="min-width:969px;"/> </video>代替视频显示，但是我似乎无法设置最小宽度，它只是达到 100%（在移动设备上水平滚动时显示不正确）。有什么建议吗？