更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
使用您的微博帐号登录，即刻尊享微博用户专属服务。
使用您的QQ帐号登录，即刻尊享QQ用户专属服务。
使用您的人人帐号登录，即刻尊享人人用户专属服务。
按住视频可进行拖动
把视频贴到Blog或BBS
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
收藏成功，可进入查看所有收藏列表
方式1：用手机看
用爱奇艺APP或微信扫一扫，在手机上继续观看：
微信h5中播放视频
方式2：一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
爸爸去哪儿2游戏 立即参与
微信h5中播放视频
播放量数据：
7,675人已订阅
你可能还想订阅他们：
{{#needAdBadge}} 广告{{/needAdBadge}}
&正在加载...
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制视频类H5案例微信支付：看汪闹哪样
养一只狗，带着它遛弯，为它选精致的狗粮，为它洗澡。觉得它应该很幸福吧，主人什么都为它做了，不愁吃、不愁穿。可是，也许你的狗狗不爱吃你给它买的那款狗粮，总带它去公园散步它已腻烦，也想去野外狂欢一次。
　　微信支付H5“看汪闹哪样”里，狗狗表示不想吃狗粮，要热狗，要换造型，爱时尚。以一条狗狗的自白为主线，“吐槽”想吃热狗。用户翻转手机，进行交互一下，进入一个视频，动画设置狗狗闻到热狗的味道，沿着味道的来向找到了卖热狗的店，模拟绘画生活场景，狗狗直立行走经过人行道。最后到达店里恰好是8月8日“无现金日”只需扫狗狗脖子上的微信二维码就能支付，对微信“8月8无现金日”进行宣传。。
　　进入未来应用官网查看更多案例
　　未来应用，H5定制开发与H5页面案例共享平台。
　　未来应用，让朋友圈更精彩
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。H5案例分享：微信二维码长按无法识别问题解析_H5案例分享
H5案例分享：微信二维码长按无法识别问题解析
微信二维码长按无法识别问题解析
& &小五在写H5页面时发现在手机端微信里长按识别二维码有时会出现不能识别的bug，最近就对这些可能导致二维码不能识别的bug做了一下研究，写出来，和大家分享一下。
一、微信识别二维码的原理机制
& &我们先来看一下微信识别二维码的原理机制：
& &&微信识别二维码采用的逻辑是截屏识别，当客户端发现用户在网页的img标签内进行长按操作时，会立刻截屏并且启动二维码识别算法。所以这里用于二维码识别的图片是截屏，而不是之前有人提到的img标签中的图片。
& &为什么要用截屏，这也是一个开发时候的思考。客户端截屏时候，可以不用考虑网络传输等因素，最快的得到识别结果，否则就需要走一次图片下载的逻辑，用户长按后等待的时间会加长，体验上也失去了快感。当然，这也带来了识别不出的问题（所以正在考虑先截屏，截屏识别失败再下载的新逻辑）。&
& &详情请参考：
二、二维码识别常见的BUG及解决方法
1、二维码图片直接放在background里时无法识别
& &由上述二维码识别原理我们可以知道客户端是检测网页的img标签内进行长按操作时，会立刻截屏并且启动二维码识别算法。所以当将二维码图片直接放在background中时，识别效果特别差，基本上是识别不出来的。所以最好是将二维码图片单独切出来放在了img标签中。
2、多张二维码图片无法在同一屏幕中共享
& &微信识别二维码的原理是长按的时候相当于将当前手机屏幕截屏，识别截屏后的图片，这样一张图片有两个二维码图的时候当然只会识别出一个。建议解决办法是不要在同一屏幕中放多张图片或者提示用户双击放大二维码进行二维码识别。
3、多次执行长按二维码的功能会导致内存泄漏，手机会变卡
& &多次执行长按二维码的功能会导致手机(iPhone)变卡。长按识别二维码，多次测试后右键识别出来是二维码图片（即没有出现&识别二维码&的按钮）。
4、iOS 版微信长按识别二维码无法正常识别
（8.21 更新：最新版6.2.4 已经修复该bug）
& &以下实测在iOS 版（iPhone）微信6.2.2 中有此bug，安卓版微信暂时没有发现有此bug。
& &对于二维码区域，实际可识别区域是整体上移64px，64px的偏移与二维码大小本身无关。下面的红色的区域即为实际可识别的二维码区域。为什么是神秘的64px？因为64px正好是微信内置浏览器标题栏＋系统标题栏的高度。可以认为微信客户端在识别二维码的时候忽略了微信标题栏＋系统状态栏的高度。
解决方案有两个：
（1）通过为img增加padding增大可接触面积。
（2）为二维码本身增加透明底部背景，如下:
5、IOS系统meta缩放问题导致二维码无法识别
& &在安卓版的微信长按二维码可以识别（前提是你的微信版本到支持此功能），但是到了苹果版的微信就识别不了，这时候可能是缩放的问题：
（1）设置了初始缩放设置为1，最大缩放值要&=1,不支持缩放。---&可以识别。
& &如&meta content="width=device-width, initial-scale=1, maximum-scale=1.2, user-scalable=0" name="viewport" /&
（2）设置了初始缩放设置为小于1或者大于1，最大缩放值大于或者等于初始缩放,不支持缩放。---&不可以识别。
& &如&meta content="width=device-width, initial-scale=1.1, maximum-scale=1.2, user-scalable=0" name="viewport" /&
（3）设置了初始缩放设置为1，最大缩放值要&=1,支持缩放。---&页面不缩放之前可以识别，一旦页面缩放过后就不可以识别。
& &如&meta content="width=device-width, initial-scale=1, maximum-scale=1.2, user-scalable=1" name="viewport" /&
（4）都不设置时，不可以识别。
（5）设置了固定的宽，导致二维码的实际位置偏移到屏幕外
& &&meta content="width=750, initial-scale=1, maximum-scale=1.2, user-scalable=0" name="viewport" /&
（6）页面有css样式fixed ---&不可以识别。
以上这些设置导致二维码图片定位不准，或者二维码全部跑到屏幕外或者部分跑到屏幕外而无法识别。以下是其解决办法：
方法1：& &设置：初始缩放为1，最大缩放值要大于1，不支持缩放。如下：
& &&meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no"/&
& &首先要把这张二维码添加到body的子元素 放在最后或者是最前都可以，
注意这可能影响你的布局，可设置position:absolute，进行调整，因为这才是真正用来识别的二维码，如果这个二维码位置太偏移，有可能会造成二维码无法识别。此外还需要注意的是opacity需要设为0而不是设置display属性。
& &&img style="position:width: XXheight: XXopacity: 0" src="二维码图片地址"&&
& &其次，在你应该在设计稿设计的地方，放置的div里面设置你正常二维码图片的大小，以便页面呈现正常。
& &&img style="你的正常大小" src="二维码图片地址" /&
& &这时你就会发现长按图片能够识别出来二维码。
& &其实除了这些BUG外，二维码信息显示不全；在长按时候只有部分可见；二维码周围信息过于复杂，在整个截屏中二维码算法无法正确识别；网页没有加载完成，微信的识别js没有启动都会导致二维码无法识别，另外二维码过大或者过小时，也会出现识别困难问题，通常160*160就可以了。
以上为“H5案例分享”团队原创文章，转载请注明出处！
分享到微信朋友圈x
打开微信，点击底部的“发现”，使用“扫一扫”即可将网页分享至朋友圈。
相关推荐：
关注h5-share，获取更多牛逼H5案例分享！也可访问H5案例分享网站 www. ，搜索查阅~
微信扫一扫关注该公众号
微信极速登录/注册
Copyright (C)
Jiandou Technology Co.,Ltd. All Rights Reserved.
北京简豆科技有限公司版权所有 京ICP备号-1
对汉语支持不错，别对小五说英文
微信公众号
请pc端输入网址""下载截图压缩包~
标签已提交成功小编正在审核请等待一下下啦
哎呀标签已存在换个新的呗~