<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>WeChat H5 video playback</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<!-- iphone-inline-video explained on git for iPhone-->
<script type="text/javascript" src="./src/iphone-inline-video.js"></script>
<style type="text/css">
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
opacity: 0;
pointer-events: none;
width: 5px;
}
</style>
</head>
<body>
<video
id="v1"
width="200"
height="100"
preload="auto"
poster="./src/default_s_1.png"
src="http://www.liahaoren.com/Echar/video.mp4?r=7"
x5-video-player-type="h5"
x5-video-player-fullscreen="true"
>
</video>
<br>
<button id="b1" onClick="click1();">Play Video 1</button>
<script type="text/javascript">
var v1 = document.getElementById('v1');
enableInlineVideo(v1);
function click1() {
v1.load();
v1.play();
v1.webkitEnterFullScreen();
}
</script>
</body>
</html>