学做网站培训课程介绍

当前位置：

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

建站培训课程

最新教程

其它教程