大拿分享:如何輕松實現(xiàn)移動端網(wǎng)站視頻轉(zhuǎn)碼?
發(fā)布:佚名
時間:2016/5/4 16:16:05
點擊數(shù):
現(xiàn)在很多之前的pc端網(wǎng)站現(xiàn)在已經(jīng)增加了移動端網(wǎng)站,方便其用戶在手機端的瀏覽,而手機端的訪問,因為系統(tǒng)環(huán)境的不一樣,可能會導(dǎo)致很多差異化的東西,特別是視頻,pc端的視頻如果直接在移動端訪問,很多時候是訪問不了的。
如何改變pc端對應(yīng)的移動端網(wǎng)頁中訪問視頻的代碼,使其支持移動端的觀看。下面,就看看游迅網(wǎng)SEO總監(jiān)陳洲的經(jīng)驗分享:如何輕松實現(xiàn)移動端網(wǎng)站視頻轉(zhuǎn)碼?
下面以優(yōu)酷視頻為例進行說明,如何讓網(wǎng)站pc端的優(yōu)酷視頻資源支持手機端訪問優(yōu)酷視頻的pc端頁面訪問格式是這樣的:
“
<embed align="middle" 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>
這是常見的在內(nèi)容中夾雜的 視頻播放 代碼,但這種代碼內(nèi)容,直接展示到 移動端中,是無法播放的,所以,我們可以查到對應(yīng)的 優(yōu)酷移動網(wǎng)頁視頻的播放格式,例如:
“
<iframe src="http://player.youku.com/embed/XMTUxOTI5Njc3Ng==" frameborder=0 allowfullscreen>
</iframe>
大家可以看到,其實優(yōu)酷移動網(wǎng)頁支持的播放代碼和 pc端移動代碼是有特征碼的,相當(dāng)于視頻的id,類似我們 pc端對應(yīng)移動端,都是有對應(yīng)的相同特征的,所以,只要我們能找到移動端能播放的對應(yīng)的視頻代碼,我們就可以動手進行轉(zhuǎn)碼替換了Pc端視頻流代碼(swf格式的):
“
http://player.youku.com/player.php/sid/XMTUxOTI5Njc3Ng==/v.swf
移動端視頻流代碼(其實就是優(yōu)酷的通用代碼):
“
http://player.youku.com/embed/XMTUxOTI5Njc3Ng==
這里的特征碼就在中間這段 “XMTUxOTI5Njc3Ng==” 在移動端頁面生成過程中,對優(yōu)酷視頻的代碼進行正則替換,將pc端視頻流代碼 替換成對應(yīng)的 移動端視頻流代碼,即可。
針對其他的視頻網(wǎng)站替換也是一樣的,找到對應(yīng)視頻網(wǎng)站的移動網(wǎng)頁播放代碼 校對 pc端播放代碼,找出特征碼,將其他代碼進行替換,這樣,就可以兼容移動端的播放了。網(wǎng)上流行的 土豆視頻 愛奇藝視頻 QQ視頻都有對應(yīng)的移動端播放代碼,這里就不一一舉例了。