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

百度移动APP落地页体验白皮书解读

百度移动APP落地页体验白皮书是一份关于移动APP的落地页设计和用户体验的指南,为APP开发者和设计师提供了实用的指导和建议。以下是其主要内容的解读: 1. 界面设计: 百度移动APP落地页体验白皮书提倡简洁、清晰、易懂的设计风格,将重点放在APP的关键功能上,避免过多的冗杂信息干扰用户。同时,建议使用符合用户阅读习惯的排版,如左右对齐、分栏布局等。 2. 内容策略: 百度移动APP落地页

Public @ 2023-04-01 04:00:48

移动时代下的站长都该做哪些工作

1. 网站移动化:将网站设计响应式,以适应不同屏幕尺寸的设备,提供更好的用户体验。 2. 优化页面加载速度:改进网站性能,减少页面加载时间和响应时间,提高用户满意度和搜索引擎排名。 3. 搜索引擎优化:根据搜索引擎的算法和排名指南,开发出让搜索引擎更容易理解和识别的网站结构和内容,提高搜索引擎排名。 4. 社交媒体营销:建立社交媒体账户,增加社交媒体的粉丝和参与度,以更好地宣传品牌和增加网站

Public @ 2023-06-26 10:50:33

【搜索视频课】落地页体验白皮书解读

发布日期:2020-08-25本节课程将从页面信息获取、页面浏览规范、交互操作规范、服务规范这四个纬度对落地页体验白皮书的要求进行介绍。第一部分:提升加载速度,快速获取信息第二部分:如何打造友好的浏览体验第三部分:如何提供便捷的交互操作第四部分:完成服务闭环,打造沉浸式服务体验第五部分:Q&A解答Q1:落地页要求中,展开询问按钮只能出现一次。但假如是问答页面,问题比较长,可以在每个问题后都

Public @ 2020-05-06 16:19:35

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

百度移动端搜索对于做了移动样式的站点的排名有一定的提升,但并不是绝对照顾。移动端适配成功后,站点对于移动用户的体验得到改善,用户体验的提升可能会影响站点的排名。但是,大量没有适配的站点并不会因此被挤下去,排名还是会受到其他因素的影响,如站点质量、关键词竞争程度等。

Public @ 2023-04-17 06:00:06

更多您感兴趣的搜索

0.478158s