码迷,mamicode.com
首页 > 微信 > 详细

解决Android微信HTML5 播放视频的问题(不显示控制条,可交互)

时间:2016-08-22 14:55:21      阅读:382      评论:0      收藏:0      [点我收藏+]

标签:

首先你需要知道以下内容:

http://ad.weixin.qq.com/learn/2-3-3--%E9%80%9A%E7%94%A8%E5%BA%93

这是微信为广告商开放的API,我一直认为只有在微信投广告才能正常使用。

但是就在刚刚我尝试了一下,直接调用也是可以的(而且没有广告,至少目前是这样)

 

我们这里用到了微信提供的视频接口 :(点击上面的链接,速去查看)

      技术分享

这样直接解决了 android 微信下 播放视频会调用特殊播放器播放的情况。(为什么?请看文末

 

但是这样虽然解决了播放“层”的问题,不过却有个新“BUG”。就是它:

技术分享

相信聪明了你已经想到 直接把这个视频DIV的top 给遮住就能解决了。

更聪明的你也会想到,我们原始视频需要把顶部多流出空白,这样才不会遮住logo的时候把我们的视频也给遮住了。

 

到此我们初步解决了微信HTML5播放视频的一个头疼问题。

 

我是文末

我们直接在HTML中使用video来插入视频,在Android微信下会使用特殊的播放组件来播放,而这个组件是脱离HTML的。(这也是我们头大的地方)

微信给的解释是,因为直接插入的video编码、格式存在多样性,微信为了保证视频的正常播放,而使用了一个专用的万能视频播放器来播放。

 

而本文中的解决办法为什么就不会使用这个播放器来播放呢?

因为上传到腾讯视频的视频都会被腾讯二次编码,这样视频的编码就被统一了,所以微信放心大胆的吧视频交给HTML5的video来播放了。

这样的最大好处就是不会脱离HTML,让我们可以在视频层之上完成我们想要的东西。

 

解决Android微信HTML5 播放视频的问题(不显示控制条,可交互)

标签:

原文地址:http://www.cnblogs.com/luoeeyang/p/5795574.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!