优酷视频如何在手机网页里也能实现播放?

admin 发表于 2016-5-18 14:53:46 | 栏目:建站交流
最近有很多朋友问模板狗的小编,怎么我们做手机页面里无论怎么加优酷视频都不能正常播放呢?这个之前也困扰了小编,小编将我如何解决这个问题的办法分享给大家!
4 ~- W6 s/ Y1 l  [, F2 F6 J- C. j6 l9 O% N5 e! f
我是根据百度站长工具里有一篇介绍有所启发的,分享如下:7 L8 v/ k/ H5 T! w" k
6 l. p' g  O* X" I& f
如何改变pc端对应的移动端网页中访问视频的代码,使其支持移动端的观看。今天我们在此与大家分享下如何轻松实现移动端网站视频转码?
6 h4 m4 ?, X, n$ t8 e* W$ e0 P
* c9 v2 D+ C" ?" H" \5 t" Y下面以优酷视频为例进行说明,如何让网站pc端的优酷视频资源支持手机端访问优酷视频的pc端页面访问格式是这样的:/ p1 \' s5 \7 b6 _( v% X
  1. <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>
复制代码

! A7 J  Y+ F3 n/ z$ N9 X( b这是常见的在内容中夹杂的视频播放代码,但这种代码内容,直接展示到 移动端中,是无法播放的,所以我们可以查到对应的优酷移动网页视频的播放格式,例如:
% z* E" }' S8 y: P( ~0 H
  1. <iframe src="http://player.youku.com/embed/XMTUxOTI5Njc3Ng==" frameborder=0 allowfullscreen></iframe>
复制代码
% m% p+ W, E( D; X7 U( P
大家可以看到,其实优酷移动网页支持的播放代码和 pc端播放代码是有特征码的,相当于视频的id,类似我们 pc端对应移动端,都是有对应的相同特征的,所以,只要我们能找到移动端能播放的对应的视频代码,我们就可以动手进行转码替换了Pc端视频流代码(swf格式的):
  1. http://player.youku.com/player.php/sid/XMTUxOTI5Njc3Ng==/v.swf
复制代码

  M! ]9 y1 H! U( S) r移动端视频流代码(其实就是优酷的通用代码):
5 n# {& U: \5 a: a6 `' k
  1. http://player.youku.com/embed/XMTUxOTI5Njc3Ng==
复制代码
  F1 U! R: I2 m& G  l3 [) n
这里的特征码就在中间这段 “
9 D* k0 C- [% y1 n
  1. XMTUxOTI5Njc3Ng==
复制代码
” 在移动端页面生成过程中,对优酷视频的代码进行正则替换,将pc端视频流代码 替换成对应的 移动端视频流代码,即可。
7 r( [3 v, w" t6 o& r. G3 e$ V2 c8 B) [; m4 Z3 t
针对其他的视频网站替换也是一样的,找到对应视频网站的移动网页播放代码 校对 pc端播放代码,找出特征码,将其他代码进行替换,这样,就可以兼容移动端的播放了。网上流行的土豆视频、爱奇艺视频、QQ视频都有对应的移动端播放代码,这里就不一一举例了。
# O* K2 r+ j2 I! _' ?. N! b2 i" C: X( m8 S' U
8 k' t! j1 W% X  D# I
*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

qq
收缩
快速回复 返回顶部 返回列表