网站视频展示的排版方式教学

分享到:

  一个网站里,除了有文字和图片的内容之外,还可能会有视频展示,因为视频可以做到比文字和图片更生动地展示内容。不过视频展示也并不是仅仅放上视频就完事了,视频展示同样也需要做排版,这样用户欣赏视频的时候才能有更好的体验。


  一、单个视频


  如果我们需要添加单个视频,保守而又普遍的方式就是上面标题下面视频,这样做并不会影响到网站布局的协调性,也能很自然地展示视频。


单个视频


  当然也可以是视频和标题左右排版。


网站排版


  甚至是左右不规则排版,营造出重叠的效果,使网站更加有设计感。


视频排版


  二、两个视频


  左右放置是两个视频展示中基础的排版方式,然后在两个视频里加上标题,用户一眼就能很清晰地看出两个视频的主题。


视频展示


  如果两个视频的主题一样,那么我们可以不需要分开起标题,使用以下这种一个大标题,然后概括两个视频。


做网站


  还可以使用这种四宫格的展示形式,同样也是很有设计感。


四宫格展示形式


  三、三个或以上的视频


  对于三个或以上的视频展示,我们就更加需要合理排版,因为如果稍有不慎,就会令到整个网站页面非常乱,影响用户浏览体验。


  当然,并排依旧是个不错的视频展示排版方式,可以说是基本不会踩雷。


视频排版方式


  但是如果你已经厌倦了并排这种排版方式,那么这一种一大二小一标题的排版,也是个不错的选择哦。


网站


  如果我们有更多的视频,我们可以这样。


效果展示效果


  甚至是这样。


自己做网站


  至于选择哪个,就要看你自己的需求。


  以上这些好看视频排版,我们都可以在“素材工厂”的“视频展示”中找到,然后一键添加,进行修改,就可以做出好看的视频展示排版。


素材工厂


  好了,看了这么多视频排版的案例,相信你的心目中也已经有了喜欢的排版方式了。想要在网站里那就视频的小伙伴就记好以上这篇视频展示排版方式,然后在自己做网站的过程中,选择一个和网站布局协调的视频展示排版,让你的视频可以令用户更加舒服地观赏。

以上内容仍未解决您的问题?