html5及android多个视频连续播放问题

最新推荐文章于 2021-11-26 13:59:15 发布

原创

最新推荐文章于 2021-11-26 13:59:15 发布 · 6.3k 阅读

2 ·

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html>

<head>
	<meta http-equiv=Content-Type content="text/html; charset=utf-8">
	<title>h5test</title>

	<style type="text/css">
    body, html {
      height: 100%;
      width: 100%;
    }
    *{
      margin:0px;
      padding:0px;
    }
    
    #mapArea {
      position:absolute;
      width:20%;
      height:20%;
      right:15px;
      top:15px;
      z-index:2;
    }
    #video1 {
      position:absolute;
      width:100%;
      height:95%;
    }
    #controlArea {
      position:absolute;
      background-color:#eee;
      width:100%;
      height:5%;
      bottom:0px;
      text-align:center;
    }
    #play {
      margin:auto;
      width:100px;
      height:40px;
    }
</style>
	<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
	<script charset="utf-8" src="js/jquery-1.8.0.min.js"></script>
	<script charset="utf-8" sr