android微信网页视频播放器,关于微信使用内置播放器播放视频的办法

大家做H5页面的时候想必都会遇到过一个问题，那就是使用video标签的时候在移动端或者微信上会默认弹出外置的播放器，使很多特效页面无法完成。但是别人的页面却可以，比如著名的薛之谦的页面：http://game.qq.com/act/a20161121xzq/?ADTAG=tencent.h5

这是什么原因呢？懂的人都知道，这是腾讯的白名单，白名单内的地址可以使用内置的播放器进行播放，可惜现在腾讯已经关闭了白名单的申请，值得注意的是ios并不影响(ios只需要设置webkit-playsinline="true")，影响的主要是安卓。那怎么才能在安卓下也能播放呢？好在微信的X5内核经过了几代版本迭代，推出了x5-video-player-type="h5" 和x5-video-player-fullscreen="true"属性，这个可以让网页在所谓“同层播放器”中播放，可以解决安卓播放视频弹出默认框的问题。

(我的服务器网速只有100k，测试视频有2m，所以大家看demo的时候耐心等等)

大家可以用安卓机测试一下，点测试的时候，依然会弹一个框，但是弹出来后发现，按钮是在视频上面了，也就是说，修改后在安卓机上点击视频播放弹出的不是默认播放器，而是同层播放器。我们也可以叫他全屏层播放器。虽然说体验还是怪怪的，但是tgideas那种视频交互页面已经可以实现了。

代码很简单就是这样：

airplay="allow" loop="loop"x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portrait" src="video/1.mp4" width="750" height="1206">

那么能不能做到不弹全屏层，在安卓机上内置播放呢？这个本人找了很多资料得到的答案是，只有腾讯白名单可以，白名单外还是要是用“同层播放器”。(随着时间的推移可能会放开)

另外还有一个，大家经常问的问题，那就是能不能进网页自动播放视频，这个答案也是否定的。进网页如果可以自动播放视频，会导致用户流量浪费，或者扫码后直接播放一些嘿嘿嘿的视频。这些都不是用户想看到的，所以现在手机的浏览器，包括别的一些内核，自动播放视频的功能都是无法实现的。

android微信网页视频播放器,关于微信使用内置播放器播放视频的办法相关推荐

android微信网页视频播放器,安卓微信内置浏览器video的坑
几个小时的探索,发现这是微信内置浏览器自身的问题. Q:我也有问题想问.我在做一个HTML5页面,其中使用video标签播放视频,但是这个video是总是表现在最顶层,无论怎样调节z-index属性都 ...
微信网页第三方登录原理微信开放平台和公众平台的区别 1.公众平台面向的时普通的用户，比如自媒体和媒体，企业官方微信公众账号运营人员使用，当然你所在的团队或者公司有实力去开发一些内容，也可以调用公众
微信网页第三方登录原理微信开放平台和公众平台的区别 1.公众平台面向的时普通的用户,比如自媒体和媒体,企业官方微信公众账号运营人员使用,当然你所在的团队或者公司有实力去开发一些内容,也可以调用公众平 ...
微信 PC 端h5页面打开的内置浏览器开发者工具界面
困境项目开发的h5页面需要在微信端支持转发.分享功能,以及企业微信授权等相关权限功能,h5页面功能开发可以直接在Chrome浏览器的移动端模式开发,但是涉及微信权限时的一些功能,则需要在微信和企业微 ...
Struts2内置拦截器和自定义拦截器
内置拦截器 Struts2中内置类许多的拦截器,它们提供了许多Struts2的核心功能和可选的高级特性.这些内置的拦截器在struts-default.xml中配置.只有配置了拦截器,拦截器才可以正常 ...
Python笔记-内置装饰器
内置装饰器是指python中自己带的,不要程序员写的如下代码: class Student(object):def __init__(self, name, score):self.name = n ...
第二模块：函数编程第1章·文件处理、函数、装饰器、迭代器、内置方法
鸡汤之人丑就要读书推荐:<追风筝的人><白鹿原><阿甘正传><幸德勒的名单> 三元运算三元运算又称三目运算,是对简单的条件语句的简写,如: 简单条件 ...
我的世界服务器修改器1.7.10,我的世界修改器_我的世界TMI内置修改器1.7.10 - 99单机游戏...
我的世界TMI内置修改器适用于1.7.10版本的我的世界,可以修改我的世界内部的参数,非常的有意思,想要的朋友欢迎前来下载. 安装方法: 1.有FORGE版关闭Minecraft. 使用winrar ...
Unity 内置着色器下载方法
Unity 内置着色器下载方法官方下载 GitHub下载官方下载需要科学上网官方下载链接 https://unity3d.com/get-unity/download/archive GitH ...
win7 IIS7.0 【IIS 管理器无法验证此内置帐户是否有访问权】
异常信息: 服务器配置为将传递身份验证和内置帐户一起使用,以访问指定的物理路径.但是,IIS 管理器无法验证此内置帐户是否有访问权.请确保应用程序池标识具有该物理路径的读取访问权.如果此服务器加入到域 ...
Elasticsearch Analyzer 内置分词器
Elasticsearch Analyzer 内置分词器篇主要介绍一下 Elasticsearch中 Analyzer 分词器的构成和一些Es中内置的分词器以及如何使用它们前置知识 es 提供 ...

android微信网页视频播放器,关于微信使用内置播放器播放视频的办法

android微信网页视频播放器,关于微信使用内置播放器播放视频的办法相关推荐

最新文章

热门文章