UI.

如何使用视频背景以获得令人难以置信的视觉影响,第1部分

山姆猪皮 经过 山姆猪皮  |  2013年11月05日

作为站点的背景使用的全屏图像具有惊人的视觉影响,但您是否知道您可以以完全相同的方式使用视频?

毕竟兴奋合作 HTML5音频,我觉得通过进入在线富裕媒体的下一个领域来跟进它只是逻辑:唯一的<video>标签;在HTML5规范中引入的元素,它已经在Web中实现了视频的视频,这是几乎无痛的任务。

在今天’s video, we’请看一下使用的混合动力车<video>标记和一些jQuery Magic为您自己的网站设计创建全屏背景。如 背景尺寸:封面 CSS3参数,脚本将导致视频自动上下缩放以适合窗口,同时在需要时裁剪才能保留纵横比 - 没有在这里伸展!

 

您是否在其中一个设计中使用过全屏视频作为背景?你有一个首选的实施方法吗?让我们在评论中知道。