<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="css/css.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="vd">
<video id="videodemo" muted class="video-target null" src="files/videos/yonbip-login.mp4" width="604.4444444444445" height="340" autoplay="autoplay" loop="loop"></video>
<div class="videomark">
商业创新 如此便捷
</div>
</div>
<video width="320" height="240" autoplay="autoplay" loop="loop">
<source src="files/videos/yonbip-login.mp4" type="video/mp4">
您的浏览器不支持 video 标签。
</video>
</div>
</form>
<script type="text/javascript">
window.onload = function () {
var videodemo = document.getElementById("videodemo");
videodemo.play();
}
</script>
</body>
</html>
.vd{position:relative;width: 400px;}
.videomark{position:absolute;top: 50%;z-index: 10;left: 20%;font-size: 48px;white-space: nowrap;color: #fff;}