DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO相關 >> SEO優化 >> 輕松實現移動端網站視頻轉碼
輕松實現移動端網站視頻轉碼
編輯:SEO優化     

  為了方便用戶在手機端的浏覽,越來越多的pc端網站走上移動化之路,而手機端的訪問,因為系統環境的不一樣,可能會導致很多差異化的東西,特別是視頻,pc端的視頻如果直接在移動端訪問,很多時候是訪問不了的。

  如何改變pc端對應的移動端網頁中訪問視頻的代碼,使其支持移動端的觀看。今天我們特別邀請到游迅網 SEO總監陳洲分享如何輕松實現移動端網站視頻轉碼!

  下面以優酷視頻為例進行說明,如何讓網站pc端的優酷視頻資源支持手機端訪問優酷視頻的pc端頁面訪問格式是這樣的:

  <embed allowfullscreen="true" allowscriptaccess="always" height="400" quality="high" src="http://player.youku.com/player.php/sid/XMTUxOTI5Njc3Ng==/v.swf" type="application/x-shockwave-flash" width="600" wmode="transparent"></embed>

  這是常見的在內容中夾雜的視頻播放代碼,但這種代碼內容,直接展示到 移動端中,是無法播放的,所以我們可以查到對應的優酷移動網頁視頻的播放格式,例如:

  <iframe src="http://player.youku.com/embed/XMTUxOTI5Njc3Ng==" frameborder=0 allowfullscreen></iframe>

  大家可以看到,其實優酷移動網頁支持的播放代碼和 pc端播放代碼是有特征碼的,相當於視頻的id,類似我們 pc端對應移動端,都是有對應的相同特征的,所以,只要我們能找到移動端能播放的對應的視頻代碼,我們就可以動手進行轉碼替換了Pc端視頻流代碼(swf格式的):http://player.youku.com/player.php/sid/XMTUxOTI5Njc3Ng==/v.swf

  移動端視頻流代碼(其實就是優酷的通用代碼):http://player.youku.com/embed/XMTUxOTI5Njc3Ng==

  這裡的特征碼就在中間這段 “XMTUxOTI5Njc3Ng==” 在移動端頁面生成過程中,對優酷視頻的代碼進行正則替換,將pc端視頻流代碼 替換成對應的 移動端視頻流代碼,即可。

  針對其他的視頻網站替換也是一樣的,找到對應視頻網站的移動網頁播放代碼 校對 pc端播放代碼,找出特征碼,將其他代碼進行替換,這樣,就可以兼容移動端的播放了。網上流行的土豆視頻、愛奇藝視頻、QQ視頻都有對應的移動端播放代碼,這裡就不一一舉例了。

  

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved