為什么我在第一屏插入視頻不顯示呢
下面是代碼
<!DOCTYPE html>
<html>
<head>
<title>滿屏切換</title>
</head>
? ? <meta charset="utf-8">
? ? <link rel="stylesheet" href="css/jquery.fullPage.css">
? ? <script src="js/jquery-1.8.3.min.js"></script>
? ? <script src="js/jquery.fullPage.min.js"></script>
? ? <script type="text/javascript">
$(function(){
$('#dowebok').fullpage({
sectionsColor: ['', '#4BBFC3', '#7BAABE', '#f90','#f90'],
navigation: true
});
});
? ? </script>
? ? <style type="text/css">
? ? *{padding: 0 margin: 0;}
? ? .section{
? ? color: #333;
? ? text-align: center;
? ? font-size: 48px;
? ? font-family: "蘋方 細(xì)體";
? ? width: 100%;
? ? height: 100%;
? ? }
? ? ? video#bgvid {?
? ? ? ? visibility: visible;
? ? ? ? left: 0px;
? ? ? ? bottom: 0px;
? ? ? ? width: 100%;
? ? }
? ? </style>
<body>
? ? <div id="dowebok">
? ? ? ? <div class="section">
? ? ? ? ? ? <div class="bg_video">
? ? ? ? ? ? ? ? <video autoplay loop id="bgvid">
? ? ? ? ? ? ? ? <source src="video/polina.mp4" type="video/mp4">
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <div class="section"><h2>這是第二屏</h2></div>
? ? ? ? <div class="section"><h2>這是第三屏</h2></div>
? ? ? ? <div class="section"><h2>這是第四屏</h2></div>
? ? ? ? <div class="section"><h2>這是第五屏</h2></div>
? ? </div>
</body>
</html>
2017-04-17
video沒有定位吧