css - 视频不在移动设备上流式传输,只有在视频不播放时才需要使用占位符图像

标签 css html

我的主页有问题; http://lcpdevelopment.flourishsales.co.uk/

我们上传了一个视频作为背景,但在一些较旧的浏览器和移动设备上,由于各种原因视频无法播放,这很好 - 但我想在它不播放时用图像替换它。

我已经尝试了各种方法,但只是想不出如何将图像放置在视频的确切空间上,只有在视频不播放时才这样做?

最佳答案

检查代码中的 poster 属性。它现在正在重定向到 lcpbg.png,但是当我尝试你的网站 + 该图像链接(所以 this)时,我得到一个 404。让它重定向到 images/lcpbg。 png 并且它应该添加一个静止图像。

关于css - 视频不在移动设备上流式传输,只有在视频不播放时才需要使用占位符图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31246941/

相关文章:

html - 覆盖 Bootstrap CSS

css - 如何获得多个带圆 Angular 的边框? CSS

jquery - Jquery 如何在此 span 元素上显示工具提示?

javascript - 如何判断 HTML5 Canvas 性能缓慢的原因?

css - 更改 Kendo UI 上传控件 "drop your file here"消息更改

html - 是什么导致我的按钮 ("View all content"中的文本在放大时显示为 3D

javascript - 在浏览器中显示元素周围的 CSS Box 模型边界?

asp.net - AddThis 标记不会显示在 TinyMCE html 编辑器中

asp.net - 如何在 Chrome 中编辑 .aspx 页面

php - 添加搜索条件 PHP/MySQL