3小時內創下150萬流量的H5都長什麼樣？

聲明：所有H5版權歸作品原作者/企業所有

從2014年至今，H5飛速發展，回首這些年，H5行業也是出了不少刷屏案例，今天為大家整理這兩年一些比較優秀的H5供大家欣賞學習！

有道翻譯：深夜男同事問我睡著了嗎？

去年9月底，一支名為《深夜男同事問我睡著了嗎？》突然在朋友圈刷屏，單看標題就充滿著神奇的誘惑力，讓人忍不住點點點。戳進去一看劇情果然精彩，一位「戲精」上身的女同事活脫脫地上演一部關於男同事的內心大戲，萬萬沒想到結局神轉折。

其實每個人都有戲精的一面，被支H5戳中的同學敢不敢舉手？

http://shared.youdao.com/market/xijing/index.html (二維碼自動識別)

騰訊遊戲：穿越故宮來看你

說起視頻就不得不提起另一個同樣刷爆天的穿越故宮來看你，騰訊QQ與故宮合作舉辦「Next Idea × 故宮」騰訊創新大賽，隨即推出《穿越故宮來看你》的H5作為邀請函，僅上線一天訪問量就突破300萬。賣得了萌耍得了賤，故宮淘寶已成為社交媒體上一大焦點，天下都是朕的！

朕收到一條來自你媽的微信

中秋前夕，有被這支名為《朕收到一條來自你媽的微信》H5刷屏的同學請舉手，簡直閃瞎雙眼，有木有？沒錯，就是那個最會賣萌的故宮，這次又開始賣月餅啦。

H5用快閃形式集結了網路上各式流行語，再在酷炫的特效背景下，格外清奇迷幻。「朕的月餅咬一口防腐半年，跟外面的妖艷賤貨就是不一樣，」聽完這樣魔性的freestyle，你還能忍住不剁手嗎？

騰訊遊戲：穿越未來

這是騰訊和故宮博物院合作的又一大刷屏H5。去年一條《穿越故宮來看你》在朋友圈刷屏持續了好久，今年又推出的這支H5同樣也是一經發布就收到廣泛關注，起名為《穿越未來來看你》，延續之前的方向，同樣很精彩。

《穿越未來來看你》再一次把傳統中國風和未來科技感相結合，精美絕倫的視覺畫面加上耳目一新的展現方式，比如讓人可以用AR上帝視角鑒賞未來世界風土人情；以及突然闖入的異次元世界，例如讓古人也能作為時空旅人在未來幻界里遨遊等等這些神操作，都給人留下了深刻的印象，同時也在告訴人們，H5的展現方式其實有更多的可能性。

騰訊：地球上最美的H5

3D展示+視頻技術是這支H5技術上的亮點，但是要說這支H5能夠刷屏，亮點可不僅僅在於此。就像這支H5的標題寫的一樣，這支真的可以說是地球上最美的H5了。

深色太空背景，背景中不停閃爍發光的星星，地球模型表面還浮著一層雲，營造了一個非常美妙的太空場景，而用戶可360度的撥動旋轉欣賞地球之美，通過上下左右滑動來控制地球的轉動。「地球」上設有5個觸點，可以供用戶點擊欣賞各個景點，長按按鈕時，圓圈會自動對準景點，屏幕上方出現經緯度坐標，畫面會由一段過場動畫，「到達」該景點，並以短視頻的形式展示景點，鬆開按鈕則返回主界面。

H5在視覺上，它的運動與地球的運動有視差效果，這讓本身就很精緻的畫面，表現得更加細膩。轉動時環境聲音的播放和轉換，畫面表現很精美，設計的很精緻。

https://wa.qq.com/xplan/earth/index.html?_wv=5&_wwv=4&adtag=wx (二維碼自動識別)

抖音：世界名畫抖起來了

抖音這支H5的主要內容素材是視頻，視頻與視頻之間的部分採用的是序列幀動畫，4段內容開頭的啟示頁的動態效果，都採用了序列幀動畫的實現方式。視頻類H5更突顯了抖音短視頻的特點，模擬用戶玩抖音的場景，更好的體現出抖音短視頻的魅力，新穎的動效讓觀者眼前一亮。視頻類H5是近一年非常常見的一種，例如：「穿越故宮來看你」，「騰訊動漫: 薛之謙史上最瘋狂的廣告」，這些都是視頻類H5。因為視頻創作空間更大，如果有強大的視覺創意的團隊，那製作的H5就會有更多更大的可能性。

阿里：手機話劇團開張了

這支H5真的腦洞大開啊，整個頁面畫風也比較新奇，以話劇的形式，將身體的不同部分擬人化，通過講述故事的方式，用幽默詼諧的語言表達出產品的各種亮點，耐人尋味。這支視頻類H5剛上線就在廣告圈火了，接著引發人們各種轉發，一度刷屏。這支H5採取用視頻內嵌的方式展現，話劇團的神秘感非常巧妙的把觀看者引入其中，給用戶營造一種代入感，加上逗趣的情節，魔性的表演，帶給用戶非常強烈的視覺衝擊，所以說這種H5刷屏也不是沒有道理的。

http://care.wearewer.com (二維碼自動識別)

網易新聞：這是成年人不敢打開的童年

《這是成年人不敢打開的童年》的H5，以黑白為底色調，再現了5部日本動漫（柯南、灌籃高手、美少女戰士、哆啦A夢、火影忍者）中的經典片段。「懷舊」元素觸發了無數80、90童年回憶， H5很快在朋友圈形成刷屏，3小時內創下150萬UV。

兩會喊你加群聊

第一支刷屏的H5名為《兩會喊你加群聊》，出現在今年3月份兩會期間。該H5的最大的特色就是讓大家沉浸式地體驗了一把參加兩會，圍觀群眾們不僅能跟總理、部長聊天，還能為他們的朋友圈點贊。據悉該H5由人民日報客戶端推出後， 24 小時內點擊量就突破600 萬次。

http://www.h5case.com.cn/case/people-cn/likeqiang-timeline/?pre_user_name=Vicky&pre_user_head=http://wx.qlogo.cn/mmopen/PiajxSqBRaEIiaCKowstjT1bZ0u6zMMGWs8r5EKcX1hK3AOxwbmdyq2xWm3AWkjtic0xMQljdibm18sLZUplyhhFWA/0&from=singlemessage (二維碼自動識別)

七夕直男考卷

考卷問題涉及範圍極廣，從「令女生讚不絕口的神仙水是哪個」「選出令她目眩神迷的box」這類的基礎題，到「下列哪一句話的『討厭』不是她真的討厭」這樣的進階題，再到高階題「不小心弄斷了女朋友的口紅，此時女朋友大發雷霆，你該……」幾乎涵蓋和女朋友交往過程中的所有雷區。

http://t.cn/RCr15bz (二維碼自動識別)

韓寒說的比唱的好聽

視頻與H5技術的結合讓更多的內容創意變成可能

淘寶網：淘寶造物節邀請函

這支偽3D H5將CSS3的空間變換命令首次用在插畫上，造成視覺的假象，給人完全不同的新鮮感，不管是專業人士的設計師、運營，還是普通的群眾，看完這支作品都大大的受到了震撼，造成現象級刷頻。

騰訊動漫: 薛之謙史上最瘋狂的廣告

好吧，你肯定被薛之謙的H5刷屏了。不明真相的群眾表示：沒有流量預警，誰讓你這麼乾的！11月上線的以動漫為主題的薛之謙版H5真人視頻網站，可以說是刷爆了小編的朋友圈，一夜之間全是小*黃*圖，雖然視頻的技術形式並不新穎，但是這個視頻好像和以前不同，是二次元和真人結合的，神經質又逗逼的絕世奇葩男主，簡直讓我笑到原地爆炸!加上出色執行和精巧的內容設計，這支H5就這麼順理成章的刷屏了！