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、如适配数据发生校验失败,无需将其删除,直接提交新的适配关系覆盖即可。3、若需要修改已适配成功的关系数据,无需将原适配数据删除,直接提交新的适配

Public @ 2010-01-08 15:20:38

织梦移动化指南

织梦移动化指南最新更新章节:2019-12-18织梦以简单、实用、开源而闻名,是目前国内用户使用较多的一种cms管理系统。考虑到中小型网站中Dedecms使用概率较高,针对站长反馈移动化中出现的种种问题,百度站长学堂整理了关于织梦的移动化的内容,供站长参考。来源:百度搜索资源平台 百度搜索学堂

Public @ 2017-08-16 15:20:25

百度移动搜索落地页体验白皮书——广告篇3.0

1.  百度坚决捍卫移动搜索用户体验2.  名词解释2.1.广告2.2.APP引导2.3.主体内容2.4.首屏2.5.一屏3.  落地页广告规范3.1.禁止的广告样式3.2.广告位置以及面积3.3.广告内容3.4.注意规范1. 百度坚决捍卫移动搜索用户体验2017年初,百度用户体验部针对用户进行了满意度调研,发现很多恶意低质的广告严重破坏着用户的搜索体验。为了让搜索用

Public @ 2013-06-11 16:18:56

官方解读:如何提高落地页体验?

1.优化页面加载速度:快速的页面加载速度能够提高用户的满意度和留存率,建议采用清晰、简洁的设计,减少不必要的页面元素和插件,使用小图片和压缩文件等技术,加快页面的加载速度。 2.简化表单填写:表单填写是很多网站需要的环节,但是多个字段的填写往往会让用户感到繁琐和烦躁,可以根据产品定位和用户需求来简化表单,例如只留下必填项,逐步收集其他信息,或将表单分步填写,逐个验证。 3.设计优秀的布局和用户

Public @ 2023-06-12 22:50:46

更多您感兴趣的搜索

0.429152s