Categories


Tags


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

为了方便用户在手机端的浏览,越来越多的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视频都有对应的移动端播放代码,这里就不一一举例了。

来源:百度搜索资源平台 百度搜索学堂


Public @ 2021-06-03 16:19:25

看似正确的适配数据为何无法通过移动适配校验

“我提交的移动适配关系绝对没有问题,页面内容都是一一对应,url结构也相呼应,为什么未通过校验?怎么办?”院长早就知道你们会问这些问题,派文章君在此恭候。同学们最近有没有看电影《模仿游戏》?这是一部以计算机科技之父艾伦*图灵为主人公的传记电影,接近结尾时有这样一个场景,图灵向警察阐释,计算机与人类都在思考,但是思考方式是不一样的。以上绝对不是为了凑字数而写的废话哦,下面进入正题:有那么一些PC页和

Public @ 2018-07-22 15:20:33

百度LEE漫谈移动化

在3月19日的百度搜索资源平台蝶变行动专场沙龙现场,百度LEE团队主要成员、移动搜索产品负责人熊咏志老师针对现阶段大热的PC移动化问题阐述了自己的看法,值得同学们好好学习一下,汇总起来要点如下:? 理清目标用户需求,切忌盲目移动化? 移动适配要全面,以免流量流失? 尽快在百度搜索资源平台验证站点,享受专项服务2014年在不同的场合都跟站长朋友说了很多,相信大家也都看到了,从流量角度讲2014年可以

Public @ 2012-03-09 16:19:25

移动时代下的站长都该做哪些工作

随着移动设备不断的普及,人们正式步入了移动时代,那么作为一枚为互联网提供内容的站长朋友,如何保证自己和自己的网站在移动化来袭之时不被时代抛弃,不被我们的用户抛弃呢? 今天学堂请到了运营大牛:百度站长社区新人训练营版主ever非你不爱分享他的心得!以下为分享全文刚拿到这个命题的时候,我脑海里不由得跳出了这样的几个名词:自适应、响应式、适配、价值、个性化、品牌化……一、判断网站是否支持移动端其实不少的

Public @ 2019-02-12 16:19:54

百度LEE漫谈移动化

在3月19日的百度搜索资源平台蝶变行动专场沙龙现场,百度LEE团队主要成员、移动搜索产品负责人熊咏志老师针对现阶段大热的PC移动化问题阐述了自己的看法,值得同学们好好学习一下,汇总起来要点如下:? 理清目标用户需求,切忌盲目移动化? 移动适配要全面,以免流量流失? 尽快在百度搜索资源平台验证站点,享受专项服务2014年在不同的场合都跟站长朋友说了很多,相信大家也都看到了,从流量角度讲2014年可以

Public @ 2012-03-09 16:19:25

更多您感兴趣的搜索

0.477458s