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

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

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,让我们可以在视频层之上完成我们想要的东西。

时间: 2024-08-15 12:10:43

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

(ios)MPMoviePlayerController首次播放视频的时候,没有控制条

问题: 在视频播放时,现在控制条采用磨砂的效果,会遮罩部分视频 解决思路 1 播放器直接设置不带控制条,在app在 Foreground状态,默认播放器暂停,这样需要在获得Foreground事件,进行设置播放 - (void) viewWillAppear:(BOOL)animated{ [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(appWillEnterForegroundNotifica

android利用videoView播放视频(已封装)

//android播放视频,使用方法:在androidManifest.xml中添加activity, // <activity android:name=".PlayVideo" // android:label="@string/app_name"> // // </activity> //注意资源路径 //调用时: //Intent intent = new Intent(MainActivity.this, PlayVideo.cla

Android使用TextureView播放视频

1.引言 如果你想显示一段在线视频或者任意的数据流比如视频或者OpenGL 场景,你可以用android中的TextureView做到. 1).TextureView的兄弟SurfaceView 应用程序的视频或者opengl内容往往是显示在一个特别的UI控件中:SurfaceView.SurfaceView的工作方式是创建一个置于应用窗口之后的新窗口.这种 方式的效率非常高,因为SurfaceView窗口刷新的时候不需要重绘应用程序的窗口(android普通窗口的视图绘制机制是一层一层的,任何

Android VideoView简单播放视频

给Android VideoView一个文件目录,就可以直接播放智能设备中的视频文件,现在以播放事先用手机拍好并重命名的视频文件test.mp4为例.(1) 需要在布局文件中写一个ViedoView: 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 and

Android三种播放视频的方式

 分类: Android多媒体(12)  Android应用层(93)  版权声明:本文为博主原创文章,未经博主允许不得转载. 在Android中,我们有三种方式来实现视频的播放: 1.使用其自带的播放器.指定Action为ACTION_VIEW,Data为Uri,Type为其MIME类型. 2.使用VideoView来播放.在布局文件中使用VideoView结合MediaController来实现对其控制. 3.使用MediaPlayer类和SurfaceView来实现,这种方式很灵活. 1.

android SurfaceView中播放视频 按视频的原始比例播放

OnPreparedListener mediaPlayerOnPreparedListener = new OnPreparedListener() { @Override public void onPrepared(MediaPlayer arg0) { // 首先取得video的宽和高 int vWidth = mediaPlayer.getVideoWidth(); int vHeight = mediaPlayer.getVideoHeight(); // 该LinearLayout

android采用videoView播放视频(包装)

//android播放视频.用法:于androidManifest.xml添加activity, // <activity android:name=".PlayVideo" // android:label="@string/app_name"> // // </activity> //注意资源路径 //调用时: //Intent intent = new Intent(MainActivity.this, PlayVideo.class)

【iOS开发】解决“点击MPMoviePlayerController播放视频时,出现一个黑屏闪屏问题”

当点击某按钮播放视频时,如果在按钮触发函数时alloc MPMoviePlayerController对象,同时加载资源文件,因为加载资源文件也需要时间,这时会有一个短暂的黑色闪屏,这点体验很不好,有一个好的解决方案是,提前alloc预加载好该MoviePlayer对象,点击按钮时直接调用play. 预加载相关代码: //预加载视频,避免出现黑屏 NSString *videoPath=[[NSBundle mainBundle]pathForResource:@"startVideo"

2018年尚硅谷《全套Java、Android、HTML5前端视频》

全套整合一个盘里:链接:https://pan.baidu.com/s/1nwnrWOp 密码:h4bw 如果分类里没有请下载下边那些小项教程链接 感谢尚硅谷提供的视频教程:http://www.atguigu.com/ [全套Java教程--打包下载地址]Java基础阶段一.20天横扫Java基础(课堂实录)https://pan.baidu.com/s/1jJpzHv4 二.尚硅谷Java基础实战--Bank项目http://pan.baidu.com/share/link?shareid=