@Gaoyoungor 紧接着我最近一篇文章 全屏视频作为背景的网页设计案例,今天我们一起来关注大视频(译者注:大视频有多大呢,就是你的浏览器有多宽,它就有多大)作为网页头部的“次—潮流“。HTML5和JQuery可以让你在网站轻松的加入动态视频而不至于像flash那样导致浏览器卡死,这就意味着设计师现在可以开始将视频制作作为网页设计的一部分。接下为大家展示了一组非常优秀的大视频头部的网页设计案例,助你灵感迸发,走起!

Risk Everything

网页设计趋势:大视频网页头部的运用

Exponent PR

网页设计趋势:大视频网页头部的运用

Numbrs

网页设计趋势:大视频网页头部的运用

Hover Studio

网页设计趋势:大视频网页头部的运用

Facebook Home

网页设计趋势:大视频网页头部的运用

G-Star The Art of RAW

网页设计趋势:大视频网页头部的运用

Dadaab Stories

网页设计趋势:大视频网页头部的运用

BKWLD

网页设计趋势:大视频网页头部的运用

L’attrape rêve

网页设计趋势:大视频网页头部的运用

Video Background Tutorials

HTML5 Video and Background Images

网页设计趋势:大视频网页头部的运用

Responsive(响应的) HTML5/CSS3 Video Background In div No Javascript Needed!

网页设计趋势:大视频网页头部的运用

How To Build a Fullscreen Background Video Player

网页设计趋势:大视频网页头部的运用

Full Width HTML Video Background Tutorial

网页设计趋势:大视频网页头部的运用

Video Background jQuery Plugins

jQuery.videoBG Plugin

网页设计趋势:大视频网页头部的运用

BigVideo.js

网页设计趋势:大视频网页头部的运用

MaxImage 2.0

网页设计趋势:大视频网页头部的运用

Tubular

网页设计趋势:大视频网页头部的运用

jQuery Video Background Plugin

网页设计趋势:大视频网页头部的运用

 

原文地址:http://line25.com/articles/web-design-trend-showcase-big-video-headers
优设网SDC翻茄匠:@Gaoyoungor

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量42万的人气微博@优秀网页设计 ,欢迎关注

获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

网页设计趋势:大视频网页头部的运用
 

点赞
收藏

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。