青微工作室 x 中国青年报融媒工作室 x 观海网：清明祭英烈——传递火种，缅怀不朽

2017-04-06 H5案例分享 H5案例分享

案例：清明祭英烈——传递火种，缅怀不朽

出品：青微工作室 x 中国青年报融媒工作室 x 观海网

亮点：

策划上，视频类，①首页是一座灯火璀璨，繁花似锦的城市，而后再以一句“假如这个世界没有他们”引入读者好奇心；② 而后来到战火纷飞的年代，红军战士们英勇无畏，最终取得胜利建立新中国，然后国家发展农业、进行城市化建设，加快航天航空的发展，最终这些场景绘成一幅鲜艳的中国地图，化成一柄燃烧的火炬；③ 最后来到尾页，点燃火把，即可看到你是第多少个传递火把缅怀先烈的人。
设计上，回忆风格，① 首页的灯火璀璨的场景和下面战火纷飞的画面，形成鲜明对比，体现了先烈们为和平的到来付出的艰辛；② 尾页老旧的火把映在斑驳的墙面上，将人的记忆很容易就拉回到那些峥嵘岁月。
技术上，滑屏采用的是JS滑屏组件Swiper，视频采用的是Html5的Video来实现的。

技术实现： jQuery + Swiper

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

清明祭英烈——传递火种，缅怀不朽-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签