Coverr 免费提供网页背景照片下载,为动态网页设计增添光彩!

Coverr 免费提供网页背景照片下载,为动态网页设计增添光彩!


Coverr 免费提供网页背景照片下载,为动态网页设计增添光彩!-第1张图片-小蜜蜂主机博客

如果你还有印象,我之前曾专门介绍过Coverr,这是一个提供免费网页背景影片的图库,或许你会想:在网页里放入影片不会影响载入速度吗?由于现在网络速度快,做为背景的影片都是采自动重播,其实不会太拖慢速度,也能达到相当好的动态效果。如果想找类似素材,可以直接到Coverr看看,或许也能从这图库中寻找一些拍摄背景影片的灵感。


既然已经介绍过,为什么还要重新介绍一次呢?因为这是Coverr 在开站三年后首次改版,原先这个计画并没有预期会获得如此的影响力和流量,但随着越来越多的影片素材上线后,也有更多使用者选择到这里搜寻免费影片,开发团队认为应该将它变得更好,于是有了Coverr 2.0。

Coverr 2.0最重要的是终于加入搜索功能,以及一个直式影片(Vertical Videos)分类,这对于一些手机用户来说或许会很有用,当然在网页设计上也有改进,同时加入100个以上的新影片素材, Coverr会在每周的星期一更新加入七个新影片。如果你想贡献自己的影片,开放让其他人免费下载使用,那么在功能上也有更新。

Coverr网站收录许多可用于网页背景的免费影片素材,这些影片采用类似CC0授权,可自由使用于商业或非商业用途,无须取得授权或要求注明出处来源。随着这几年不断更新,使用者现在可以在Coverr找到不少影片资源。

Coverr 收录的影片类别包括美食、心情、自然、科技、艺术、人物、城市、动物、动画、鸟瞰和垂直(直式)影片,下载后还能参考网站提供的程式码范例,快速将影片嵌入网页使用。

网站名称:Coverr
网站链结:http://www.coverr.co/

使用教程

第一步

打开Coverr网站后,可直接于搜索框输入关键字查找相关的影片素材,往下拖曳会看到最新影片,上方有一排的分类能够快速筛选影片。如果没有想法,只要从首页向下浏览,然后不停换页就会有很多影片预览图。

Coverr 免费提供网页背景照片下载,为动态网页设计增添光彩!-第2张图片-小蜜蜂主机博客

步骤 2

点选影片缩图就能预览影片,点选右上角「Download Free」下载影片,下方有一排的标签链接,对于寻找相关影片来说会很有用。

Coverr 免费提供网页背景照片下载,为动态网页设计增添光彩!-第3张图片-小蜜蜂主机博客

点选另一个「See As Coverr」可以将影片直接嵌入Coverr首页背景,让你预览在网页中实际显示出来的情形,对于想把影片使用于网页背景的朋友来说不妨善用这项功能,非常好用。

Coverr 免费提供网页背景照片下载,为动态网页设计增添光彩!-第4张图片-小蜜蜂主机博客

步骤 3

这次Coverr 2.0 改版其中一个特色就是加入垂直(直式)影片,也就是用手机拍摄的影片,可能在某些网页会很有用,这在一般免费影片图库比较少见。

Coverr 免费提供网页背景照片下载,为动态网页设计增添光彩!-第5张图片-小蜜蜂主机博客

STEP 4

网站还提供原始码范例,包括在HTML、CSS 和JavaScript 部分的写法,只要将影片下载后上传到自己的服务器,取得链接、带入程式码中,就能在网站使用影片动态背景效果。

Coverr 免费提供网页背景照片下载,为动态网页设计增添光彩!-第6张图片-小蜜蜂主机博客

值得一试的三个理由:

  1. 收录大量可使用于网页背景的免费影片素材

  2. 影片可自由使用于个人或商业用途,无须注明出处

  3. 网页提供基本的HTML、CSS 和JavaScript 范例