福特F-150：猛禽国度

2017-03-30 H5案例分享 H5案例分享

案例：猛禽国度

出品：福特F-150

亮点：

策划上，视频类，① 福特F-150猛禽拉你去看看真正的越野，点击首页按钮，开启猛禽征途；② 而后福特F-150猛禽从你朋友圈里呼啸而出，超快的速度点起火焰，焚毁朋友圈中的一切；③ 然后直击险境，征服山路、冰面、荒漠等等险恶地貌，所至之处皆我国度，最后填写个人信息，制作属于你的猛士勋章。
设计上，炫酷风格，采用深蓝色作为主色调，福特F-150猛禽的出场场景是模拟微信朋友圈，福特F-150猛禽征服各种险恶地貌展现了其狂野的身姿。
技术上，视频主要是采用Html5带有x-webkit-airplay，webkit-playsinline，playsinline，x5-video-player-type，x5-video-player-fullscreen等属性的Video来实现的。
体验上，视频在iOS下全屏播放，但在安卓下是一片漆黑，看不到视频，这点有待优化。

技术实现： jQuery

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

识别图中二维码

猛禽国度-查阅二维码

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

标签