成都網頁設計公司主要是從事成都響應式網站建設開發，成都網頁設計公司從事響應式網站建設具有多年的網站開發經驗。

       近一段時間，深圳網站建設公司Clh發覺國內H5的創作有很大一部分是動畫化，主要通過全屏動畫搭建故事化場景。全屏動畫有什么優勢？把動態變換的場景占滿手機整屏，配上與情節環環相扣的音效，讓觀眾把所有的注意力放在內容上，敘事空間極大。一不留神，你就掉進了創作者設計的故事里。具體實現上，主要用全屏視頻、圖片輪播2種形式，以下深度分析它們流行的原因以及創作方法。

1、全屏視頻，不愛你太難▲滴滴出行滴滴的《童年陰影合輯》，算是9月火的視頻動畫了。前面還在講小紅帽被騙的童話故事，冷不防冒出個滴滴人臉識別功能。如果你經常留意H5廣告，肯定還知道騰訊近出品的H5也基本都是視頻有垂直視頻（就是能豎著手機觀看的全屏視頻），也有橫屏視頻（就是橫著手機觀看的全屏視頻），反正都是視頻。為什么騰訊那么喜歡做視頻動畫？一氣呵成，在別人沒來得及反應之前，故事已經進入尾聲，一屏廣告靜靜地冒出來。【優勢】只要視頻長度合理，H5的體驗不會輕易被中斷，因為我們只需要盯著手機看。

2、3種解決方案全屏很帶感，但前端大多知道安卓瀏覽器播放視頻有個大坑，播放器不能像PC瀏覽器、蘋果瀏覽器一樣直接隱藏。怎么辦？有3種解決方案：

（1）你就是騰訊創作團隊的人，或和他們有合作項目。因為微信瀏覽器進行了特殊配置，并對一些域名作白名單處理，以此擔保視頻在安卓設備的微信瀏覽器播放能隱藏播放器。所以，這大概是騰訊系愛在H5里放視頻的原因之一，應用上本來有一定特權。
（2）曲線救國，要么把視頻放大一點，要么直接設計超出屏幕的視頻。這兩個法子能幫助逃除安卓魔咒，主要原因是視頻尺寸大于屏幕，如果超出的范圍比較大，就能讓播放控制條跳到屏幕之外。這會讓強迫癥非常難受，但的確有效。下面是我在iH5后臺編輯H5的界面，可以直觀看到這兩種應用：H5《審訊室》就把第2種方法玩得登峰造極（以上兩個特定尺寸的視頻出自該H5），它有很多分段視頻，并為手機豎屏和橫屏模式分別做了兩套緩存方案： 要么把視頻做長（豎屏），要么硬生生在底部多留出一大塊灰色區塊（橫屏），以確保能過安卓這關。
（3）見下一部分。 

文章來源成都網站建設公司636a本站原創，查看更多行業新聞請點擊——→了解詳情