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

织梦移动化指南

织梦移动化指南是针对使用织梦CMS(内容管理系统)的网站管理员和运营者,提供移动化优化方案和技巧的指南。 移动化是指针对移动设备(如智能手机、平板电脑等)的用户体验优化。由于移动设备的屏幕较小,操作方式也与传统PC不同,因此对于网站的设计、排版、内容呈现等方面都需要进行调整和优化。 以下是针对织梦CMS网站的移动化优化建议: 1. 网站排版: 保证网站布局简洁、清晰,尽量不要使用过多的动画

Public @ 2023-06-08 18:50:37

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

移动站点流量异常追查主要涉及以下几个方面: 1. 网站流量监控:通过网站流量监控工具,了解网站的访问量、来源、停留时长等信息,找出流量异常的具体时间段和访问来源。 2. 站点可用性监控:通过站点可用性监控工具,了解网站的响应时间、错误率等信息,找出流量异常与站点可用性之间的关系。 3. 网站访问分析:通过网站分析工具,了解网站访问者的地区、设备、操作系统等信息,找出流量异常的具体访问者和访问

Public @ 2023-04-27 07:50:08

【白皮书4.0解读】为什么禁止任何形式的APP自动调起?

本文更新时间:2018年11月6日导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》(简称《白皮书4.0》),为帮助大家更好地理解白皮书4.0,我们推出了《白皮书4.0专题解读》,将对大家感兴趣的点进行详细解读,敬请关注。《白皮书4.0》中强调“禁止任何形式的APP自动调起”。为什么会禁止任何形式的APP自动调起呢?那么,想转化用户到APP的话,又该怎么做呢?本文将

Public @ 2019-12-14 16:19:37

更多您感兴趣的搜索

0.590203s