学做网站培训课程介绍

当前位置:

怎么给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是封面图路径。

发表评论

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

相关教程

  • 学习了HTML教程,我们知道,现在可以直接使用video标签来播放视频、音频。例如学做网站论坛的所有零基础建站教程都是采用HTML5的video标签来播放的。
  • HTML video视频标签 (115598 次浏览)
    video视频标签作用HTML5之前,如果想在网站上添加一个视频,常用的方法就是使用FLASH。HTML5之后,除了使用FLASH之外,还可以使用 video视频标签来
  • 网页如何添加视频动画 视频教程 (1107514 次浏览)
    在网站制作过程中,特别是学习视频网站制作教程时,是需要给网站中添加很多的视频的,对于网站如何添加视频有二种方法:一种是添加自己网站的视频,另
  • 从特别基本的什么是网站域名,什么是网站空间讲起,到如何建各种类型的网站。培训课程都是一步步实际操作给大家看,特别的详细,(不像有的教程光讲理
  • 网页如何添加背景音乐 视频教程附件下载 (1117068 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • QQ客服在很多网站都很普通,它可以很方便的让浏览我们网站的用户通过QQ进行交流,不需要去查找QQ再加好友,只需要点一下QQ客服上的图标就可以直接发信
  • wordpress 特色图像可以用于分类页面或者网站首页调用文章缩略图时,指定调用某张图片,实现自定义封面的效果。如下图:如何开启特色图像功能
  • 有些做视频网站的学员有这样一个问题,自己做的视频网站中放的视频的封面图片并不是自己想要的图片,怎么给自己的视频添加自定义的封面图片呢?
  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一