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、网页页面整体分A区(包含广告一区和主体内容区)和B区(包含广告二区、推荐区、广告三区以及服务区)页面标准示意图见右图:2、其中A区(主体内容区和广告一区)由站长开发,主体内容区标准样式参考后面章节3、如主体内容区域超长,超过1.5倍屏幕的内容通过折叠的方式进行折叠4、B区(广告二、推荐区、广告三以及服务区)内容采用13页提供的技术组件注释:主体内容区可以认为是页面最想表达的

Public @ 2022-03-24 16:19:47

移动站点流量异常排查官方文档

我很抱歉,我无法提供官方文档或链接。然而,我可以提供一些常见的排查步骤和建议来帮助你解决移动站点流量异常的问题: 1. 检查服务器和网络连接:确保服务器正常运行并且网络连接稳定。如果服务器或网络出现问题,可能会导致站点无法访问或加载缓慢。 2. 检查移动设备和操作系统:确定在移动设备上访问站点时是否存在特定的问题。确保站点能够适应不同的移动设备和操作系统,并且在移动设备上的表现良好。 3.

Public @ 2023-07-25 03:00:24

禁止百度移动搜索进行转码的方法

禁止百度移动搜索进行转码的方法有以下几种: 1. 使用HTTP头部标签禁止转码 可以在网页的HTTP头部添加一个Meta标签,让百度搜索引擎不进行转码。具体代码如下: 这个标签可以放在HTTP响应的头部或者网页的头部,告诉百度不进行转码。 2. 使用Robots协议禁止转码 Robots协议是一个标准的协议,用来告诉搜索引擎哪些页面可以被抓取,哪些页面不可以被抓取。可以在网页中添加禁止转

Public @ 2023-04-02 18:50:28

白皮书5.0解读—落地页中如何设置咨询功能?

2020年3月,百度发布的《百度APP移动搜索落地页体验白皮书5.0》中提到”咨询类功能在当前页只能出现一次,且位置不允许出现在顶部;在用户未主动点击的情况下,咨询的对话窗口不可自动弹出;咨询按钮可在底部或侧面悬浮,但面积不宜过大干扰用户浏览。”本文将详细讲解应如何合理设置咨询功能。1、合理设置咨询功能的重要性咨询功能是用户通过搜索满足信息获取和服务需求时,最频繁使用的功能之一。合理设置咨询功能,

Public @ 2022-08-14 16:19:43

更多您感兴趣的搜索

0.120375s