大拿分享：如何轻松实现移动端网站视频转码？

2019-03-26 来源：站长学院

现在很多之前的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视频都有对应的移动端播放代码，这里就不一一举例了。

大拿分享：如何轻松实现移动端网站视频转码？

延伸阅读：