网站优化资讯
seo优化资讯

【大拿分享】 移动优化轻松实现移动端网站视频转码

首页 > 网站优化

网站优化 2019-09-03 19:07:21 | 阅:
  【大拿分享】 移动优化轻松实现移动端网站视频转码,现在很多之前的pc端网站现在已经增加了移动端网站,方便其用户在手机端的浏览,而手机端的访问,因为系统环境的不一样,可能会导致很多差异化的东西,特别是视频,pc端的视频如果直接在移动端访问,很多时候是访问不了的。TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  如何改变pc端对应的移动端网页中访问视频的代码,使其支持移动端的观看。今天我们特别邀请到游迅网SEO总监陈洲分享如何轻松实现移动端网站视频转码!TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
 
【大拿分享】 移动优化轻松实现移动端网站视频转码
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  下面以优酷视频为例进行说明,如何让网站pc端的优酷视频资源支持手机端访问优酷视频的pc端页面访问格式是这样的:TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  <embedalign="middle"allowfullscreen="true"allowscriptaccess="always"height="400"quality="high"src="==/v.swf"type="application/x-shockwave-flash"width="600"wmode="transparent"></embed>TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  这是常见的在内容中夹杂的视频播放代码,但这种代码内容,直接展示到移动端中,是无法播放的,所以,我们可以查到对应的优酷移动网页视频的播放格式,例如:TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  <iframesrc="=="frameborder=0allowfullscreen></iframe>TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  大家可以看到,其实优酷移动网页支持的播放代码和pc端移动代码是有特征码的,相当于视频的id,类似我们pc端对应移动端,都是有对应的相同特征的,所以,只要我们能找到移动端能播放的对应的视频代码,我们就可以动手进行转码替换了Pc端视频流代码(swf格式的):==/v.swfTNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  移动端视频流代码(其实就是优酷的通用代码):==TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  这里的特征码就在中间这段“XMTUxOTI5Njc3Ng==”在移动端页面生成过程中,对优酷视频的代码进行正则替换,将pc端视频流代码替换成对应的移动端视频流代码,即可。TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  针对其他的视频网站替换也是一样的,找到对应视频网站的移动网页播放代码校对pc端播放代码,找出特征码,将其他代码进行替换,这样,就可以兼容移动端的播放了。网上流行的土豆视频爱奇艺视频QQ视频都有对应的移动端播放代码,这里就不一一举例了。TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
TNj大连网站建设_小程序开发_网络推广_大连六兄弟网络科技
  


作者:六兄弟科技

来源:https://www.6xd.net/
By 六兄弟网络科技(大连)网站建设

相关资讯