最近有不少客户咨询能否将视频元素设计到网站中去，其实视频元素在网站中的普及已经有段时间了 。

随着网路带宽速度的提升和HTML5和CSS3的兴起，使得网站的设计方式有了更多可能性，而且视频就是其中之一，自2016年技术普及开始，视频就一直占有一席之地。

如果你曾经留意过，会发现如今的优秀网页设计当中，以视频为代表的动态元素仿佛无处不在。

常言道一图胜前言，而视频元素营造的独特浏览体验，不仅有趣，而且能让用户有种身临其境的感觉。同时视频比图片和文字所承载的信息量更大，如果能有效的使用视频，它对于用户的吸引力会非常明显，传递情绪、表现张力、感受思想都是它的独有属性。

所以我们先得出一个结论：

视频>图片>文字

那我们如何用好视频呢？

第一：“静”观其变

我们应当将视频剪辑为静音视频，因为外放的声音常常让人惊愕，而那些不想受此影响的用户，需要花费额外的时间关闭外放声音，打断用户的思绪，影响网站的pv和uv。

第二：短小精悍

一个短小精悍可循环播放的视频，更符合网页使用场景和用户的心理需求，许多优秀的网页设计中，视频多是如此，因为用户无法像看文字一样一目十行快速浏览，而视频要表现的内容就非常重要。

第三：用户掌控

让用户来决定是否查看完整视频、是否暂停视频，这样才能真正为用户所用。当然，控制权的大小和设计的目的是有关系的，视频是作为网页背景出现，重在营造氛围，那控制权就小，而作为重点展示内容，那权限就要大。

第四：画质清晰

模糊不清的视频，价值会大打折扣，视频需要第一时间抓住用户眼球，如果模糊直接影响用户观看的欲望。

那么，那我们看一下实际使用案例吧。

德威国际高中

山东炼化

八埭头

东山精密

英诺赛科