MainActivity代码

public class Html5VideoAutoPlay extends Activity {

		WebView webview = null;

		@Override

		protected void onCreate(Bundle savedInstanceState) {

			super.onCreate(savedInstanceState);

			setContentView(R.layout.html5video);

			webview = (WebView)findViewById(R.id.webview);

			webview.getSettings().setJavaScriptEnabled(true);

			webview.setWebViewClient(new WebViewClient(){

				/**

				 * 当前网页的链接仍在webView中跳转

				 */

				@Override

				public boolean shouldOverrideUrlLoading(WebView view, String url) {

					view.loadUrl(url);

					return true;

				}

				/**

				 * 处理ssl请求

				 */

				@Override

				public void onReceivedSslError(WebView view,

						SslErrorHandler handler, SslError error) {

					handler.proceed();

				}

				/**

				 * 页面载入完成回调

				 */

				@Override

				public void onPageFinished(WebView view, String url) {

					super.onPageFinished(view, url);

					view.loadUrl("javascript:try{autoplay();}catch(e){}");

				}

			});

			webview.setWebChromeClient(new WebChromeClient() {

				/**

				 * 显示自定义视图，无此方法视频不能播放

				 */

				@Override

				public void onShowCustomView(View view, CustomViewCallback callback) {

					super.onShowCustomView(view, callback);

				}

			});

			webview.loadUrl("file:///sdcard/html/video.html");

		}

		@Override

		protected void onPause() {

			if(null != webview) {

				webview.onPause();

			}

			super.onPause();

		}

    }

　　二，布局文件
html5video.xml

<?xml version="1.0" encoding="utf-8"?>

		<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

			android:layout_width="match_parent"

					android:layout_height="match_parent"

					android:orientation="vertical" >

		<WebView android:id="@+id/webview"

			android:layout_width="match_parent"

			android:layout_height="match_parent"/>

		</LinearLayout>

　　三，html文件（这里用的是html5的video标签来设置自动播放和循环播放）在main下创建 assets文件夹，再创建
video.html

<body>

		<video id="video" src="b.mp4" width="480" height="320" controls loop>

			don't support html5

		</video>

		</body>

		<script type="text/javascript">

			var video = document.getElementById("video");

			video.play();

		</script>

　　上面的src可以引入本地视频b.mp4,
也可以引入网上视频：http://2449.vod.myqcloud.com/2449_43b6f696980311e59ed467f22794e792.f20.mp4

完成

参考于：https://blog.csdn.net/qiushi_1990/article/details/51438198

webview 播放video视频 如何实现自动播放

<video ref="videoAuto" width="1080px" height="1920px" loop >

     <source src="../../../static/image/logo.mp4" type="video/mp4">

</video>

这是自动播放的js

autoVido(){

        let self= this

        let videos = self.$refs.videoAuto;

        videos.loop = 'loop';

        videos.play();

    }

Android中webview html5 自动播放本地视频的更多相关文章

  1. Android开发 MediaPlayer入门_播放本地视频

    前言 MediaPlayer,可以播放视频/音频,并且它支持本地和网络文件的播放.本片博客作为入门教程,先以最通俗的方式解释播放文件本地视频.(如果你嫌MediaPlayer还是太麻烦可以试试选择Vi ...

  2. Android中WebView的JavaScript代码和本地代码交互的三种方式

    一.Android中WebView的漏洞分析最近在开发过程中遇到一个问题,就是WebView使用的时候,还是需要解决之前系统(4.2之前)导致的一个漏洞,虽然现在这个系统版本用户很少了,但是也不能忽视 ...

  3. H5中背景音乐无法自动播放问题

    苹果禁止了Autoplay和JS "onload" 加载播放,使在html文件里使用了preload和autoplay属性,在移动版 Safari 上,此属性会被忽视,并且不会加载 ...

  4. potplayer 网页调用potplayer播放本地视频

      网页调用potplayer播放本地视频 CreateTime--2018年1月3日10:36:24 Author:Marydon 源码展示: <!DOCTYPE html> <h ...

  5. HTML5如何播放本地文件

    HTML5在操作的过程中,很多朋友会遇到一个问题,那就是在播放本地文件的时候时常会有一些问题存在,使得HTML5才操作的过程中本地文件播放不流畅或者是不能够正常的播放.现在,我们就来看看HTML5如何 ...

  6. 照相、从相册上取照片、播放音频、播放本地视频、播放网络视频、MPMoviePlayerController

    一.照相.从相册上去照片 1. 先判断是否支持照相功能 *判断当前设备是否支持照相功能,支持返回YES 否则返回NO 注意:模拟器不支持照相功能 把握一个原则只要是物理硬件相关的功能模拟器都不支持 例 ...

  7. Android中webView和网页的交互

     Android中webView和网页的交互 Android中webView跟网页的交互式通过JavaScript进行的.具体步骤: 1.创建JavaScript,在点击的时候调用JavaScript ...

  8. Android 中Webview 自适应屏幕

    随笔 - 478  文章 - 3  评论 - 113 Android 中Webview 自适应屏幕   webview中右下角的缩放按钮能不能去掉 settings.setDisplayZoomCon ...

  9. Swift - 使用Media Player播放本地视频，在线视频

    Media Player框架用于播放本地视频.音频,也可以在线播放视频和音频. 1,播放器MPMovieControlStyle样式有如下几种: (1)None: 没有播放控制控件 (2)Embedd ...

随机推荐

  1. 多线程(五)多线程同步_Event事件

    事件和互斥体同样属于内核同步对象,它和互斥体以及临界区在功能上有以下区别 前面的互斥体和临界区主要作用在于确保控制多个线程之间对共享资源访问,保证共享资源的完整性 事件主要作用是通知其它线程一个操作己 ...

  2. python基础语法20 面向对象5 exec内置函数的补充，元类，属性查找顺序

    exec内置函数的补充 exec: 是一个python内置函数,可以将字符串的代码添加到名称空间中; - 全局名称空间 - 局部名称空间 exec(字符串形式的代码, 全局名称空间, 局部名称空间) ...

  3. day5_configparser模块

    第一种情况:# 配置文件baidu.ini和当前文件在同一级目录: import configparser conf_read = configparser.ConfigParser() conf_r ...

  4. ubuntu安装dia

    linux下一款不错的流程图工具:dia.安装此工具:1.打开终端(快捷键:ctrl+alt+t).2.输入命令: $sudo apt-get install dia 3.提示“解压缩后会消耗掉 20 ...

  5. 每天一道Rust-LeetCode(2019-06-11)

    每天一道Rust-LeetCode(2019-06-02) Z 字形变换 坚持每天一道题,刷题学习Rust. 题目描述 全排列 II 给定一个可包含重复数字的序列,返回所有不重复的全排列. 示例: 输 ...

  6. 2019 SDN上机第3次作业

    1. 利用Mininet仿真平台构建如下图所示的网络拓扑,配置主机h1和h2的IP地址(h1:10.0.0.1,h2:10.0.0.2),测试两台主机之间的网络连通性 创建拓扑 配置主机h1和h2的I ...

  7. Linux学习笔记-第7天 - 编程还是要多写多练

    编程思路很重要,多写是要熟悉命令用法,多练不只是要熟悉语句常用在什么环境,更要在其基础上,尝试更多的写法.

  8. ASP.NET开发实战——（三）第一个ASP.NET应用《MyBlog》

    本文开始通过ASP.NET MVC创建一个博客应用,该应用是通过默认的MVC模板修改而来,所以创建的过程和代码都与默认模板一致,然后通过修改的方式将默认模板改为博客的主页,并添加博客列表.内容等页面. ...

  9. oracle--ORA-27125

    一,问题描述 ORA-27125 unable to create shared memory segment 二,问题解决 查看系统的oracleid号 [root@dgwxpdb ~]# id o ...

  10. 一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构

    1.前言 本文内容讲解的内容:一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构. 项目地址:https://github.com/biaochenxuying/vu ...