学做网站培训课程介绍

当前位置：

怎么给HTML5 video视频添加封面图片

有些做视频网站的学员有这样一个问题，自己做的视频网站中放的视频的封面图片并不是自己想要的图片，怎么给自己的视频添加自定义的封面图片呢？

video视频添加封面图片

下面学做网站论坛就介绍一下怎么给HTML5 video视频添加封面图片的方法。通常情况下，网站的视频都使用VIDEO标签来播放了，给VIDEO标签视频添加封面图片，只需要给代码添加一个poster属性。代码如下：



<video poster="images/spbg.jpg" src="about.mp4" controls="controls">

您的浏览器不支持 video 标签。

</video>

代码里的poster="images/spbg.jpg"就是设置视频封面片的，images/spbg.jpg是封面图路径。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • JS控制VIDEO标签播放视频音频初始音量 图文教程 (123131 次浏览)
    学习了HTML教程，我们知道，现在可以直接使用video标签来播放视频、音频。例如学做网站论坛的所有零基础建站教程都是采用HTML5的video标签来播放的。
  • 怎么给HTML5 video视频添加封面图片 图文教程 (126171 次浏览)
    有些做视频网站的学员有这样一个问题，自己做的视频网站中放的视频的封面图片并不是自己想要的图片，怎么给自己的视频添加自定义的封面图片呢？
  • 网页如何添加视频动画 视频教程 (1107339 次浏览)
    在网站制作过程中，特别是学习视频网站制作教程时，是需要给网站中添加很多的视频的，对于网站如何添加视频有二种方法：一种是添加自己网站的视频，另
  • 如何在网站中嵌入视频播放器 图文教程 (140185 次浏览)
    通常我们要在自己做的网站上放视频方法就是将自己的视频先上传到优酷，土豆等一些大的视频网站，然后再将优酷，土豆上的视频通过分享代码嵌入自己的网
  • 网页如何添加背景音乐 视频教程附件下载 (1116992 次浏览)
    在上网过程中，有很多网站打开后会自动播放背景音乐，而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站，同样也可以给自己的网页添加背
  • 如何给网站添加QQ在线客服 视频教程附件下载 (1113021 次浏览)
    QQ客服在很多网站都很普通，它可以很方便的让浏览我们网站的用户通过QQ进行交流，不需要去查找QQ再加好友，只需要点一下QQ客服上的图标就可以直接发信
  • wordpress 特色封面图像开启与使用 图文教程 (116604 次浏览)
    wordpress 特色图像可以用于分类页面或者网站首页调用文章缩略图时，指定调用某张图片，实现自定义封面的效果。如下图：如何开启特色图像功能
  • Dreamweaver 如何添加网页图片热区链接 视频教程 (111838 次浏览)
    以下是学做网站论坛关于《Dreamweaver 如何添加网页图片热区链接》视频教程。
  • 如何给网页添加背景图片 视频教程 (1117474 次浏览)
    使用DW软件给网页添加背景图片的步骤： 启动Dreamweaver程序，新建一个新的HTML文档，将文档保存到电脑的适当位置。 单击属性栏中的“属性

建站培训课程

最新教程

其它教程