html图片向下移动代码视频,HTML5视频的图像占位符回退

我正在使用以下代码在页面上实现HTML5视频

这在FF,Safari和Chrome中嵌入我的页面上非常棒。我想要的,因为这个视频没有控件,并且意味着被嵌入在没有边框的页面中(视频中的白色BG)是使图像出现在视频的位置。

如果视频不能用元素呈现,我想要将图像作为回退。我看到以下帖子:html5 video fallback advice (no flash)开始讨论。但不知道这些答案是我需要的。

我的直觉告诉我,我可以让JQuery检测视频功能,如果不支持视频,那么请写出一些显示图像的HTML。但是我正在寻找一些可能会更简单的东西。

@H_403_10@

经过大量的搜索,我发现这个解决方案可以让我回到IE8。没有在IE7测试。

上面的帖子显示了一种似乎适用于我的方法。这是基于我上面的代码的输出:

product-parent-hero.jpg

@H_403_10@

@H_403_10@

总结

以上是编程之家为你收集整理的HTML5视频的图像占位符回退全部内容,希望文章能够帮你解决HTML5视频的图像占位符回退所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值