无锡网站优化:大拿分享:如何轻松实现移动端网站视频转码?

SEO知识 战车网 来源:站长学院 190浏览

现在很多之前的pc端网站现在已经增加了移动端网站,方便其用户在手机端的浏览,而手机端的访问,因为系统环境的不一样,可能会导致很多差异化的东西,特别是视频,pc端的视频如果直接在移动端访问,很多时候是访问不了的。

如何改变pc端对应的移动端网页中访问视频的代码,使其支持移动端的观看。下面,就看看游迅网SEO总监陈洲的经验分享:如何轻松实现移动端网站视频转码?

下面以优酷视频为例进行说明,如何让网站pc端的优酷视频资源支持手机端访问优酷视频的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>

这是常见的在内容中夹杂的 视频播放 代码,但这种代码内容,直接展示到 移动端中,是无法播放的,所以,我们可以查到对应的 优酷移动网页视频的播放格式,例如:

<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视频都有对应的移动端播放代码,这里就不一一举例了。

延伸阅读:

  • 移动站点之殇:如何移动化、如何优化?
  • 百度之夜:如何解决网站移动化的痛点?

转载请注明:战车网 » 无锡网站优化:大拿分享:如何轻松实现移动端网站视频转码?

猜你喜欢

长春网站推广:SEO辅助工具大全,让网站优化事半功倍

SEO是一项长期的工作,并非是一早一夕的事情,下面海瑶SEO小编罗列一些SEO辅助工具,各大站长们可根据自身情况选择合适的工具。 一,社会化工具 1、百度推荐工具:该工具是通过对用户访问内容和行为的数据分析,向用户相关的文章内容,以此提高网站流量...

seo8:企业站内部优化浅析

在SEOwhy的SEO企业专区里看到很多企业网站的优化的文章,写的都很不错,Emmar也结合自己的实战经验和策略来和大家分享一下企业网站内部的优化问题,文章比较侧重实例,写的不好的地方希望高手给予指正,同时也希望能给新手开阔一下思路,好了,废话不多说...

长春网站优化:浅析网站优化中应如何选择目标关键词

seo中目标关键词是最重要的概念之一。什么是目标关键词,概括来说就是网站产品和服务的目标客户可能用来搜索的关键词。举个简单例子“seo”这是个关键词,用户通过搜索“seo”来获得相应的信息,相关网站会把...