您现在的位置: 网站首页 / seo优化 / 正文

轻松实现移动端网站视频转码

作者: admin 发布: 2016-5-9 15:20:11 分类: 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视频都有对应的移动端播放代码,这里就不一一举例了。

  来源:SEO自学网 转载注明出处!

« 上一篇下一篇 »   本文关键词: seo  



评论列表:

站长SEO学院
第一节:百度搜索引擎工作原理
第二节:建设对搜索引擎友好的站点
第三节:如何进行网站内容建设
第四节:整体优化、结构优化、网页优化
第五节:移动搜索-明确移动搜索优化标准
百度SEO资料文档
百度搜索引擎优化指南2.0
百度移动搜索优化指南2.0
网站分析白皮书(站长版)
移动站点该如何优化
建设对百度友好的站点
百度搜索引擎网页质量白皮书
石榴算法-绿萝算法-冰桶算法
新搜索时代下的优化策略
更多百度SEO资料文档
站长推荐
DIV+CSS布局实例教程-Web标准
网站SEO优化常见问题汇总
SEO优化推广方案该如何写
SEO优化方案步骤
影响网站关键词排名因素总结
影响谷歌搜索引擎排名的因素调查
手机移动端站点适配优化
最近发表
网站收藏