学做网站培训课程介绍

当前位置：

怎么给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标签播放视频音频初始音量 图文教程 (122987 次浏览)
    学习了HTML教程，我们知道，现在可以直接使用video标签来播放视频、音频。例如学做网站论坛的所有零基础建站教程都是采用HTML5的video标签来播放的。
  • HTML5视频标签（video标签） 视频教程 (186924 次浏览)
    以前的网站上的视频播放需要依靠FLASH，自从HTML5出现之后，它带来了一个全新的视频播放标签video。以后我们可以使用VIDEO来定义视频，比如电影片段或
  • 学做网站论坛建站课程视频介绍 (124843 次浏览)
    从特别基本的什么是网站域名，什么是网站空间讲起，到如何建各种类型的网站。培训课程都是一步步实际操作给大家看，特别的详细，（不像有的教程光讲理
  • 去除优酷视频广告的代码修改方法 (112844 次浏览)
    平时我们在调用优酷上面的视频的时候，视频都是有一个广告时间的，是不是看着特别不爽？如何去除优酷视频广告呢？下面汇总了网上流传的几个方法，
  • DW如何给网页添加文本文字 视频教程 (1173346 次浏览)
    DW中插入文字是最简单的操作，我们可以像在word一样随意的打出自己想要的文字。打开ＤＷ后，点击“设计”模式，在文字框中就可以打字了。插入文字可以是
  • Dreamweaver如何文字图像添加超链接 视频教程 (1116371 次浏览)
    在制作网页中我们时常会将一些文字、图片等做成超链接，但如果在制作时，某些链接页面还没有做好，这时我们就可以用的空链接，提醒自己哪些地方需要添
  • wordpress 特色封面图像开启与使用 图文教程 (116979 次浏览)
    wordpress 特色图像可以用于分类页面或者网站首页调用文章缩略图时，指定调用某张图片，实现自定义封面的效果。如下图：如何开启特色图像功能
  • 怎么给HTML5 video视频添加封面图片 图文教程 (11456 次浏览)
    有些做视频网站的学员有这样一个问题，自己做的视频网站中放的视频的封面图片并不是自己想要的图片，怎么给自己的视频添加自定义的封面图片呢？
  • 静态网页不显示图片 (119351 次浏览)
    作者: 脉动Email: 511039684@qq.com详细内容:今天听了老师讲的课程第九节：什么是网站静态页面，然后自己就动手去照着做，文字什么的都可以显
  • DW网页中如何插入图片 视频教程 (1187868 次浏览)
    DW给网页插入图片一般有二种方法：一种是插入拥有ALT属性的图片，这在我们的企业网站制作教程中经常用到。另一种是插入背景图片，实现在图片

建站培训课程

最新教程

其它教程