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

《百度移动搜索引擎网页质量白皮书-医疗健康行业》-引言

百度搜索综合用户对不同医疗类网页的实际感受,如页面布局千差万别,页面内容质量参差不齐,广告和服务体验欠佳,制定了一套医疗健康行业移动网页的标准,目的是为了提供给医疗搜索用户一致的交互体验、统一的全网优质信息和优质的医疗服务。我们在百度搜索的收录、排序、展现环境进行调整,给予符合标准的网页更多的收录和展现机会,同时对不符合标准的网页减少展现机会此次推出《百度移动搜索引擎网页质量白皮书-医疗健康行业》

Public @ 2016-09-01 16:19:48

如何让百度准确地识别页面类型

上周四(6月25日),百度站长平台微信公众帐号全网首发携程SEO负责人安琦老师的文章《前端代码优化带来搜索引擎高效地识别移动页面》,阅读量超高,被读者誉为“五星好评的干货”。该文章是安琦老师参加杭州VIP大讲堂移动化培训后,与其前端同事深入研究的结果,得到了百度内部工程师的高度认可:开篇先摘一段新闻《中国智能手机市场6年首现负增长》,文中指出:“IDC报告显示,2015年第一季度中国手机市场出货量

Public @ 2012-07-20 16:19:55

移动落地页体验白皮书详解-算法盘点

移动搜索落地页体验白皮书公布后,得到站长们的广泛关注,如何正确理解广告白皮书内容,刘院长给大家带来详细解答。其实在移动时代,大家可能也发现到了,百度的PC搜索可能更多的都是关注在搜索的权威性、时效性以及相关性,但是在移动搜索阶段,现在百度好像管得更宽了,对移动页面也提出了更多的要求。在这里其实很好理解,我相信今天在座各位虽然你们是站长,但同时也是我们百度移动搜索的用户,在搜索过程中一定会遇到各种各

Public @ 2015-10-29 16:19:34

更多您感兴趣的搜索

0.657310s