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

【院长帮帮忙】移动适配不稳定、不生效,可能是这些原因造成的!(第五期)

一、网站页面有跳转,适配不稳定站点反馈他们移动端的适配不稳定,移动展示的页面去预期效果不符;经查是站点在下载页面对机型进行了自适应,页面会根据机型跳转,所以移动端的展现不稳定;解决方案:1、建议站点将机型识别功能放置在下载按钮中,根据机型给予不同下载地址,而不是给予不同的下载页面;2、将pc-m的适配规则固定,不要一种pc页面指向多种移动页面;二、适配规则的混淆站点咨询为什么他们的适配规则老是不生

Public @ 2016-10-22 15:22:05

名医汇如何进行高精准的移动适配

在最近一段时间里面还是比较多的同学在询问移动适配相关的问题,主要都集中在怎么做适配,适配成功了,但匹配度不高这一类的问题。这次院长特邀了名医汇 运营总监 陈钺,为大家分享如何做移动适配。目前移动适配的方式有两种,一个是“规则适配”,另一个是“URL适配”。这两种适配方式相比起来,“规则适配”具有简单,高覆盖的优势,而“URL适配”显得更繁琐,不过当正则无法表达的时候可以采用这个进行补充;这次我享的

Public @ 2011-11-23 15:20:31

专题解读百度APP移动搜索落地页体验白皮书5.0

过去一年,在百度和全网开发者的共同努力下,搜索用户的浏览交互体验有了明显提升。为持续提升搜索用户体验,百度搜索产品技术团队经过用户调研、竞品分析、小流量测试等手段,对落地页体验标准进行了全新升级,正式推出《百度APP移动搜索落地页体验白皮书5.0》,期望继续与各位内容、服务提供者一同打造沉浸式的搜索体验,为亿万用户提供更优质便捷的搜索服务。查看全文浏览页面流畅页面打开速度快,整体布局合理、排版精良

Public @ 2020-02-22 16:18:55

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

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

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

更多您感兴趣的搜索

0.481822s