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

百度眼中的优质移动站点什么样

做网站、做SEO的同学往往喜欢问百度各项关于标准的问题,在移动大潮席卷整个互联网的今天,百度眼中的优质移动站点是怎样的呢?在5月底结束的杭州培训上我们给亲临培训现场的同学留了作业,站长社区版主飞鹰正义是第一个就此题目发来作业的同学。在作业中,飞鹰同学并非仅就那一页PPT做了复录,更是将现场很多知识点结合在一起,内容比培训那单页PPT更加完整。不仅如此,飞鹰同学还就培训部分内容提出质疑与询问,在得到

Public @ 2021-08-26 16:19:49

百度APP移动搜索落地页体验白皮书5.0-信息获取&;页面浏览规范

4.搜索落地页体验规范4.1信息获取规范4.1.1 加载速度页面首屏内容应在1秒内加载完成。页面加载速度是影响用户搜索体验的一个重要因素。百度APP对用户行为的研究表明,页面首屏的加载时间在1秒以内的站点或小程序,用户的留存率会越高,更符合用户对快捷搜索体验的期待。4.2页面浏览规范4.2.1 排版布局4.2.1.1页面应注意排版精良,段落分明,合理使用不同字号区分页面的主次信息,图片、视频等多媒

Public @ 2019-11-23 16:19:33

PC站点移动化主流方式(附培训视频)

PC站点移动化主流方式有以下几种: 1. 响应式设计(Responsive Design) 响应式设计采用一套代码,在不同设备下自动调整页面的布局,使网页能够在不同的终端设备上以较好的用户体验呈现。响应式设计可以适配不同屏幕大小的设备,包括桌面电脑、笔记本电脑、平板电脑、手机等。 2. 动态网页版(Dynamic Web) 动态网页版是在 PC 网页的基础上增加了一些专为移动设备优化的效果

Public @ 2023-06-25 06:00:19

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

白皮书5.0中,设置合理的内容模块间隔可以提高可读性和用户体验。如果内容模块之间间距不合理,用户容易感到视觉疲劳,难以集中注意力阅读。同时,合理的间隔可以帮助用户更加清晰地理解每个部分的含义,避免产生混淆和理解偏差。在设计白皮书时,应该考虑内容模块之间的逻辑关系,根据需要合理地安排间隔,以确保内容的连贯性和易读性。

Public @ 2023-06-15 01:00:11

更多您感兴趣的搜索

0.458553s