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

【白皮书4.0解读】图片交互如何做会更好?

导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》中提到图片页资源标准:“详情页中主体内容包括图片的情况下,图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换。”对于这一标准,有哪些案例可以参考呢?对于基础的点击调起大图功能,应该如何实现呢?《百度移动搜索落地页体验白皮书4.0专题解读》之《图片交互如何做会更好?》,将为你解答这些疑问。一、为什

Public @ 2021-12-07 16:19:39

百度移动搜索优化指南2.0

百度移动搜索优化指南2.0最新更新章节:2019-03-04百度移动搜索是全球最大的中文移动搜索引擎,每天响应搜索请求高达数十亿次,导向互联网的流量高达十亿级别。本文档旨在为移动站站长提供权威、明确的移动搜索优化标准,帮助网站合理、可持续地提升移动流量,获得长久、稳定的发展,从而促进整个移动互联网的良性发展。因种种条件限制,此次发布的指南仍有很大的提升空间。未来,百度移动搜索会继续收集广大站长的反

Public @ 2015-08-23 16:19:46

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

落地页体验是影响用户转化率的重要因素之一,以下是官方给出的提高落地页体验的建议: 1. 简洁明了的设计:落地页设计应该简洁明了,清晰易懂。避免使用过多复杂的元素,尽量保持页面排版简洁,突出重点。同时,页面中的文字和图片要切合实际,让用户可以直接看到产品或服务的特点和优势,促进用户的消费决策。 2. 快速加载:快速加载是提高落地页体验的重要因素。如果页面过于复杂或者图片过大,这将会打击用户的耐性

Public @ 2023-04-05 01:50:23

移动落地页体验规范常见问题说明

移动落地页体验规范是指针对移动设备的落地页(Landing Page)所设置的一些规范和要求,以提高用户的体验和转化率。然而,在实际应用中常常会出现一些常见问题,下面是对一些常见问题的说明: 1. 页面加载速度慢:移动设备的网络环境和硬件性能有限,因此页面加载速度要尽量快,避免过多的图片和视频、过多的JavaScript等元素,尽量简化页面结构和样式。 2. 不良的排版和布局:移动设备屏幕较小

Public @ 2023-07-28 22:00:43

更多您感兴趣的搜索

0.556213s