关于用视频做网页背景

This topic created in 4353 days ago, the information mentioned may be changed or developed.

发现越来越多的国外网站用全屏幕的视频来做首页背景:
http://www.wzsky.net/html/Website/Experience/118679.html

有类似经验的朋友吗?
请问如何保证视频在任何屏幕尺寸下都是看起来刚好一个整屏呢?
比如这个:
http://www.knoala.com

9 replies • 2014-07-11 16:04:15 +08:00

FreeBTC123

Jul 11, 2014

自己写的，非前端码农，写的貌似有点烂，有空还会继续加东西，欢迎大家共同开发啊。。。 http://tt4it.com/resources/discuss/281/

FreeBTC123

Jul 11, 2014

@FreeBTC123 http://pamjs.com/pam/mov/ 视频加载慢也是一个很大的问题啊，也得想办法解决一下

viowan

Jul 11, 2014

仙剑先点个赞~

willmok

Jul 11, 2014

有很成熟的框架，但是，就国内的网络环境，你敢用视频背景吗?.......

wahyd4

Jul 11, 2014

kstsca

Jul 11, 2014

Luzifer

Jul 11, 2014

http://syddev.com/jquery.videoBG/index.html
This jQuery plugin enables you to very easily use an HTML5 video as a background to a website or any div.

http://www.seanmccambridge.com/tubular/
这个是用youtube视频, 国内用不上. 发出来看有没有人改个优酷的

qq529633582

Jul 11, 2014

@Luzifer 先得把广告挪走~

emric

Jul 11, 2014

http://jsbin.com/citapaxe/1/
纯 CSS 可以这样做, 不过对视频的宽度有要求.