如何在video元素上显示图片

天生纯黑 2019-06-07 07:25:03

看了ow和lol官网的代码看了一下午也没琢磨出来图片怎么显示在video上面，新手求指教

...全文

1538 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

克里斯的星星 2019-07-30

打赏
举报

回复

我能看看你的html文件嘛，我也想给视频上覆盖图片

天生纯黑 2019-06-07

打赏
举报

回复

引用 1 楼天际的海浪的回复:

在video上层叠覆盖一个div，在div里放图片

多谢大神，加上去了！

ronybo 2019-06-07

打赏
举报

回复

video上面放图片不就把video覆盖了吗？video还怎么看？

天际的海浪 2019-06-07

打赏
举报

回复

在video上层叠覆盖一个div，在div里放图片

1、poster 属性poster是用于设置视频的海报，也就是视频没有播放的情况下的首图。对应的属性值为图片的URL如果没有设置video的poster 那么在第一帧可用之前(可以简单理解为视频加载和解析完成之前)不会在video元素上显示任何图像(webkit浏览器显示为video的背景颜色，IE系列会多一个loading)，之后会以视频第一帧作为海报复制代码显示效果为第一帧可用前image第一...

HTML5中的video元素和audio元素

1、poster 属性poster是用于设置视频的海报，也就是视频没有播放的情况下的首图。对应的属性值为图片的URL 如果没有设置video的poster 那么在第一帧可用之前（可以简单理解为视频加载和解析完成之前）不会在video元素上显示任何图像（webkit浏览器显示为video的背景颜色，IE系列会多一个loading），之后会以视频第一帧作为海报 <video id="video1...

video元素的出现，使得网页文档可以播放音视频，弥补了本无法播放视频的缺陷，以前使用其他插件播放（例如flash）。它也可以替代canvas，作为WebRTC数据的载体。

HTML中video元素 video元素：也是我们做网页经常用到的元素，它可以在页面中播放视频 1.属性： src：视频的地址 Height：视频页面的高度 Width：视频页面的宽度 Autoplay：网页加载完成后自动播放视频有三个属性值：None–不会载入 Metadata–只载入第一帧 Auto–请求下载整个视频（默认） Preload：预先载入视频 Controls：播放按钮，进度...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章