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. CSS写法不合理:CSS在移动适配的过程中起到关键作用,但是如果CSS写法不合理,就会导致移动适配不稳定和不生效。应该使用@media查询,优先级要高于其他样式。 2. 布局使用fixed元素:当使用fixed元素布局时,可能会发生适配

Public @ 2023-06-18 13:50:24

移动适配常见问题——了解这些,你也能算半个移动专家

百度站长学堂传播移动适配知识已有一段时间了,期间总是遇到同学提相同或相近的问题,这些问题随着时间推移也在发生着变化。所以学堂会不定期地整理大家的问题,发布在学堂中供大家参考。问:跳转适配、代码适配、自适应——百度更支持哪一种?答:都是亲生的,都喜欢都支持。目前对跳转适配的支持更全面一些,但对代码适配和自适应的理想状态处理也在紧锣密鼓地进行中(代码适配、自适应的理解状态是,一个链接在PC和移动都有展

Public @ 2016-06-19 15:20:36

百度搜索移动视频站点体验规范

随着移动互联网的迅速发展,搜索视频需求与日俱增,视频资源质量良莠不齐。为了保障行业生态健康以及搜索用户体验,现将移动视频行业体验规范整理如下,希望同广大优质视频行业站点共创和谐视频行业环境,为搜索用户提供更便捷、顺畅的观看体验。同事,我们也将为符合搜索规范的站点提供更加快速、稳定的收录权益。为保障行业生态健康以及搜索用户体验,现将移动视频行业体验规范整理如下,请各资源方参考提升自身资源体验价值,以

Public @ 2009-04-23 16:18:55

一个站点有M站和PC站,采用完全相同的TDK,是否有问题,手机站的SEO规则是否跟PC站相同?

一个站点有M站和PC站,采用完全相同的TDK,是否有问题,手机站的SEO规则是否跟PC站相同?答:TDK代表标题、摘要、关键词是吧?先理解一下。是这样的,PC端和移动端搜索结果展现标题和摘要的字数限制等都是不同的,PC端30多个中文汉字才截断,移动端不到20个就折行了,20多个就省略看不到了。所以,建议移动站使用单独的TDK。来源:百度搜索资源平台 百度搜索学堂

Public @ 2021-05-26 16:19:59

更多您感兴趣的搜索

0.480613s