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)移动适配:百度移动搜索提供“移动适配”服务,如果开发者们同时拥有PC站和手机站,且二者能够在内容上对应,即主体内容完全相同,您可以通过移动适配工具进行对应关系提交。(2)作用:提升搜索用户在百度移动搜索的检索体验,且有利于站点的移动页面在搜索结果中获得更多展现与点击。(3)注意事项:· 自适应站点不需使用移动适配工具;· 移动适配工具不能解决移动端排序问题,搜索排序异常请在反馈中心提交;·

Public @ 2012-02-14 15:20:41

移动搜索-2-前期准备

百度移动搜索优化前期准备工作域名:与PC 网站一样,域名是用户对一个网站的第一印象。一个好的移动域名,不仅容易记忆、易于输入,还能方便用户向其他人推荐。域名应尽量简短易懂,越短的域名记忆成本越低,越容易理解的域名能让用户更直观了解网站主旨。移动站域名建议多采用m.a.com/3g.a.com/wap.a.com等,避免使用过于复杂或技术性的形式,例如adcbxxx.a.com/html5.a.co

Public @ 2020-04-18 16:19:52

百度移动端对做了移动样式的站点的排名是否有照顾?移动端适配成功后是否可以把很多没做适配的站点挤下去?

百度移动端在搜索结果的排名中确实会对移动样式适配良好的站点给予一定的照顾,这是因为百度在移动搜索算法中考虑了站点的移动适配情况,对具有良好移动用户体验的站点进行了优化。 适配成功后,移动端适配良好的站点可能会在搜索结果中获得更好的排名位置,因为移动适配的站点通常能够提供更好的用户体验,更符合移动用户的需求。 然而,并非所有未进行移动适配的站点都会被挤下去。排名取决于众多因素,包括站点内容、质量

Public @ 2023-07-24 17:50:21

白皮书5.0解读—内容模块之间为何要设置合理间隔

白皮书5.0强调了内容模块之间要有合理的间隔,这是为了让读者更容易阅读和理解内容,并提高整体的可读性和美观度。以下是几个原因: 1. 增强可读性:如果内容模块之间太过拥挤,读者会感到不舒服,阅读起来也会困难。通过设置合理的间隔,可以让读者更容易逐个阅读每个内容模块。 2. 加强概括性:适当的间隔可以帮助读者更好地理解和概括每个内容模块的主要点,进而更好地理解整个白皮书。 3. 强调重点:通过

Public @ 2023-04-25 23:01:07

更多您感兴趣的搜索

0.402135s