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好?

感谢,我们是这样理解吧,未来的话如果以用户习惯来说,是同一个URL好?答:理想的技术角度看,是同一个url更好,但是目前尽量仍然使用单独的m链接。来源:百度搜索资源平台 百度搜索学堂

Public @ 2017-09-25 16:20:00

代码适配移动站点对百度友好案例分享

在百度公开的三种移动化技术选型中,代码适配可在网上寻找到的内容并不多,那么具体代码适配站点在开发时要注意哪些内容呢?我们请TripAdvisor 猫途鹰 SEO 负责人张洺乾给大家介绍一下:百度的移动适配目前分为三种情况:跳转适配,代码适配和自适应。跳转适配目前百度的站长平台里有完整的适配工具,可以在平台里提交适配规则即可。但是代码适配则需要我们在网站里做一些配置,才能让百度准确识别我们的网页适配

Public @ 2021-06-19 15:20:32

浅谈移动站点优化之痛——HTML5

作为一门新兴的 Web 技术,HTML5 在移动站点优化中扮演着越来越重要的角色。在移动端,HTML5 能够带来更好的视觉和交互效果,同时也能够提升页面的加载速度和性能。然而,在实际应用中,还存在一些问题,接下来就让小AI浅谈移动站点优化之痛——HTML5。 1. 兼容性问题 HTML5 中新增的标签和属性在一些低版本的浏览器中并不支持,这就会导致页面出现兼容性问题,从

Public @ 2023-04-15 13:00:35

PC站点移动化主流方式(附培训视频)

今天平台发布了《移动sitemap协议mobile type升级公告》,里面介绍了三种主流PC站点移动化的方式,以及这三种方式在提交sitemap时该如何标注mobile type。在此之前,社区版主李曰辉早已把杭州培训的内容整理好,并添加了对平时工作的总结和经验,分享给各位同学。今年年初时我曾发过一个帖子《移动大潮,你的站点是否准备好了?—移动化方案分享》列举了我当时理解的站点移动化方案。当时行

Public @ 2022-10-01 16:19:00

更多您感兴趣的搜索

0.440649s