UC小说：UC小说《元尊：执笔少年》

2018-01-16 H5案例分享 H5案例分享

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

识别图中二维码

UC小说《元尊：执笔少年》-查阅二维码

完整欣赏此案例大约需要1分钟10秒

案例：UC小说《元尊：执笔少年》

出品：UC小说

亮点：

策划上，视频类，加载完成后，进入页面，“点击开灯”，进入一段58秒的视频，内容首先是“昔日的荣华如白云苍狗”、“复仇之路风雨潦草”、“少年执笔能否问鼎苍穹”引出电视剧《元尊：执笔少年》画面，为《元尊：执笔少年》上映做宣传，可点击进入uc小说《元尊：执笔少年》页，也可以分享。
设计上，采用黑色作为主色调，视频中文字的处理采用燃烧效果，电视剧画面的添加，使得整体呈现出一种大气磅礴。视频开始竖屏，后来转换为横屏。
交互上，基本上都是点击，进行视频的播放，比较简单。
技术上，使用了CSS3的animation（）实现了页面的动画效果。

技术实现： Js+video+react.js

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

标签