解决video标签在安卓webview下无法自动播放问题

在安卓webview下

html5 的 video 设置autoplay 属性

或在document ready中使用play方法

都不能使它自动播放

只能用webview的onPageFinished方法来解决此问题,代码如下:

复制代码 代码如下:

mPlayer.setWebViewClient(new WebViewClient() {

// autoplay when finished loading via javascript injection

public void onPageFinished(WebView view, String url) { mPlayer.loadUrl("javascript:(function() { var videos = document.getElementsByTagName('video'); for(var i=0;i<videos.length;i++){videos[i].play();}})()"); }

});

将上面的代码放到//here的地方即能解决问题。

复制代码 代码如下:

public class PlayerActivity extends Activity {

protected void onCreate(Bundle savedInstanceState) {

//here

}

}

时间: 2024-09-20 20:46:17

解决video标签在安卓webview下无法自动播放问题的相关文章

解决video标签在安卓webview下无法自动播放问题_Android

在安卓webview下 html5 的 video 设置autoplay 属性 或在document ready中使用play方法 都不能使它自动播放 只能用webview的onPageFinished方法来解决此问题,代码如下: 复制代码 代码如下: mPlayer.setWebViewClient(new WebViewClient() { // autoplay when finished loading via javascript injection public void onPag

html5的audio标签无法再移动设备上自动播放

做了个微信应用,想加一个背景音乐,使用html5的audio标签在电脑浏览器上上可以自动播放,而在移动设备上无论是设置autoplay属性还是使用js调用play()方法,都不能自动播放,请问有何解决方案. 原因分析 HTML5中的autoplay属性是设置为自动播放.如果设置了该属性,视频或音频将自动播放. 但是需要注意的是部分浏览器比如Safari屏蔽了autoplay属性.因为autoplay在移动网络环境下可能会造成用户流量费剧增. iOS 3.2之前可以通过js模拟一个点击事件来触发,

ie 9-ie9下 video标签 无法全屏

问题描述 ie9下 video标签 无法全屏 页面能播放视频 但是没有全屏按钮 是怎么回事 求大神解答 谷歌下有 ie 火狐都没有 解决方案 点击IE9右上角工具-- Internet选项--安全-- 去掉启用保护模式前面的钩进入Internet选项--高级标签--使用软件加速图形而不使用GPU前面打钩 解决方案二: <!DOCTYPE HTML> video实例 您的浏览器不支持video标签 在IE下只要有控制条,就可以通过其全屏视频 解决方案三: <!DOCTYPE HTML>

HTML5 video标签(播放器)学习笔记(一):使用入门

 HTML5 video标签(播放器)学习笔记(一):使用入门 近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做的哪些工作. 网上的教程其实也不少了 w3cschool里面的最为简单而详细,那么这几介绍的是一些更为直接的应用. 本文目录: 1.使用标签 2.加上一些必要参数 3.自动播放或自动加载 4.规范播放器 第一步:使用标签 使用的方法很简单,就是一句代码: 代码如下: <video></vi

Web视频播放 之 【HTML5 Video标签】

一.说明 HTML5中引入了video标签用于方便的在浏览器中播放视频,不在需要对flashPlayer进行依赖,更加轻量级.但在浏览器兼容.视频协议支持方面还有一些需要注意的问题. 二.浏览器兼容 html5 Video标签目前IE9+ 及 其他主流浏览器都能够支持. 对于IE8及以下的IE浏览器,可考虑引入html5扩展支持js来尝试解决,未亲测. 三.视频协议支持 支 持:Ogg.MPEG4.WebM 不支持:rtmp.rtsp(如果进行转码,切成HLS可以播放,但是即使在局域网内也有3秒

安卓 布局 xml 引用-急用!请问,如何解决在tabhost中每个按钮下添加子页面?

问题描述 急用!请问,如何解决在tabhost中每个按钮下添加子页面? 子页面可以加载进入,但是子页面里面的响应事件点击没有反应.而且,如果子页面里面再引用其他页面,里面的内容也显示不出来. 解决方案 http://bbs.csdn.net/topics/380075344 解决方案二: http://blog.csdn.net/harvic880925/article/details/17120325 解决方案三: Tabspec tab1tab1.setIntent() 解决方案四: Tab

视频-html5的video标签不能再苹果手机中播放是怎么回事

问题描述 html5的video标签不能再苹果手机中播放是怎么回事 我在页面中使用video标签,电脑浏览器和安卓的都能正常播放,在ios下面只播放了5秒让后页面就一直卡住过不去了,是新版的ios不支持video标签了吗,还是ios下要改动兼容性,下面是我的简写代码... <video width="600" height="450" controls="controls" preload="preload" poste

transform实现HTML5 video标签视频比例拉伸实例详解_相关技巧

曾几何时,项目中有碰到视频比例拉伸的需求,但是发现这个看似再普通不过的一个需求,找遍全网至今都没有找到解决方法.因为强制给video标签设置width和height的话只会将video的显示区域拉伸,但是里面的视频还是保持原始比例,怎么调都没用: 因为当我横向拉伸时: 当我纵向拉伸时: 2016-09-21 11:15:40 更新: 感谢 @RileyRen 提醒,原来还有object-fit这一属性,把它设置为fill就满足需求了,泪奔~,这篇文章就当看个笑话吧,哎,不过可以看看我家喵星人的处

js检测浏览器是否支持html5中的video标签的方法

 这篇文章主要介绍了使用js检测浏览器是否支持html5中的video标签的方法,需要的朋友可以参考下 代码如下: //检测是否支持HTML5 function checkVideo() {     if (!!document.createElement('video').canPlayType) {         var vidTest = document.createElement("video");         oggTest = vidTest.canPlayType