html背景视频有图像没有声音
<html><head>
<meta charset="UTF-8">
<title>颜色系列</title>
<script src="http://api.asilu.com/cdn/jquery.js,jquery.backstretch.min.js" type="text/javascript"></script>
</head>
<video id="v1" autoplay loop muted>
<source src="images\林彦俊-对手(超清).mp4" type="video/mp4"/>
</video>
<head>
<style>
*{
margin: 0px;
padding: 0px;
}
video{
position: fixed;
right: 0px;
bottom: 0px;
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
/*加滤镜*/
/*filter: blur(15px); //背景模糊设置 */
/*-webkit-filter: grayscale(100%);*/
/*filter:grayscale(100%); //背景灰度设置*/
z-index:-11
}
source{
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
}
</style>
</head>
</video>
<h1 style="color:white"><td height="25" align="left" valign="middle" bgcolor="#FFFFFF">
<div id="jnkc" class="fonta"></div><script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+'星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script></td>
</h1>
<html>
<head>
<meta charset="utf-8">
<title>网页排版</title>
<style>
body{
height:700px;
}
header{
width:100%;
height:50%
}
footer{
width:100%;
height:10%;
}
#div0{
width:100%;
height:40%;
}
#div1{
width:20%;
height:100%;
float:left
}
#div2{
width:80%;
height:100%;
float:left
}
</style>
</head>
<body>
<header><p><img src="images/baidu.png" width="100px" height="50px" alt="403"><a href="https://www.baidu.com/">百度一下</a></p>
<img src="images/guge.jpg" width="100px" height="50px" alt="403"><a href="https://www.google.cn/">谷歌官网</a></p>
<p><img src="images/tengxun.jpg" width="100px" height="50px" alt="403"><a href="https://www.qq.com/">腾讯官网 </a></p>
<img src="images/weixing.jpg" width="100px" height="50px" alt="403"><a href="https://weixin.qq.com/">微信官网</a></p></header>
<div id="div0">
<div id="div1"><p align="left"><font size="8"face="Arial Black"color="#FF0000">哈哈哈</font><br /></p>
<h1 align="center"><I><font size="8"face="Arial Black"color="#00FF00">哈哈哈</font><br /></I></h1>
<h2 align="right"><b><font size="8"face="Arial Black"color="#0000FF">哈哈哈</font><br /></b></h2>
</div>
<div id="div2"> <h4 align="center"></B><BR></B><font size="8"face="华文行楷"color="#FF00FF">HAHAHA</FONT><DIV></DIV></DIV></h4>
</div>
</div>
<footer><img src="https://www.bing.com/th/id/OGC.2c4ba4ea79bc57954c97c1726b5e710c?pid=1.7&rurl=https%3a%2f%2fgss0.baidu.com%2f7Po3dSag_xI4khGko9WTAnF6hhy%2fzhidao%2fpic%2fitem%2f9a504fc2d562853522d15cff95ef76c6a7ef633f.jpg&ehk=VHHPn9i7oX5FifF%2b1OuRAgz0HeKlNLTy1jv%2fuh6exoU%3d" width="300"> <br><br>
</footer>
</body>
</html>
页:
[1]