更新:在本地當我在瀏覽器中預覽我的作品時。我的文件存儲在我們的一臺服務器上的相同文件夾結構中。背景視頻不會播放一次,只在本地播放
更新:你的意思是哪個jpeg引用?這是我嘗試你的方式嗎?
更新:此頁面無法加載評論或答案,所以我會在這裏發佈我的答案。
更新:控制檯確實表示文件丟失,但它們不是。整個網站文件已經上傳了好幾次。如果需要,我可以在服務器中提供該文件夾的屏幕截圖。
我插入我的索引頁面中的背景視頻,但它不播放一次該網站是活的。我相信它使用圖像後備。它在本地運行良好,但絕對網址存在問題。我從github上下載了這個問題的更新,但是我下載的包是一個新版本。測試鏈接在github鏈接下面。
https://github.com/VodkaBears/Vide/archive/0.1.1.zip#
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Pragma" content="no_cache" />
<title>M&T Printing Group</title>
<link rel=」author」 href=」https://plus.google.com/+MTPrintingGroupKitchener「/>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie7.css">
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/content.css" />
<link rel="stylesheet" type="text/css" href="css/font.css" />
<link rel="stylesheet" type="text/css" href="QuotesRotator/css/default.css" />
<link rel="stylesheet" type="text/css" href="QuotesRotator/css/component.css" />
<script src="QuotesRotator/js/modernizr.custom.js" type="text/javascript"></script>
<!-- github.com/scottjehl/Respond - for IE 8, 7.... -->
<script src="Respond-master/dest/respond.min.js" type="text/javascript"></script>
<!--<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".subnav").prev().mouseover(function(){
var sub_menu_shift = parseInt($(this).next().css("height")) + 100;
$(this).next().css({'position':'relative','bottom':sub_menu_shift});
});
});
</script>-->
<style>
html, body {
margin: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body data-vide-bg="Vide-0.1.2/examples/video/videoMain">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="Vide-0.1.2/src/jquery.vide.js"></script>
<script>window.jQuery || document.write('<script src="Vide-0.1.2/libs/jquery/jquery-1.11.1.min.js"><\/script>')</script>
<script src="Vide-0.1.2/src/jquery.vide.js"></script>
<script>
// $(document).ready(function() {
// $(document.body).vide("Vide-0.1.2/examples/video/videoMain"); // Non declarative initialization
//
// var instance = $(document.body).data("vide"); // Get instance
// var video = instance.getVideoObject(); // Get video object
// instance.destroy(); // Destroy instance
// });
</script>
<div id="indexBG">
<div id="colour-bar-black"></div> <!-- colour-bar-black -->
<div id="nav-wrap">
<ul>
<li id="link-one" class="orange">
<a href="printing.html" class="parent-one-link" title="Printing"><span>Printing</span></a>
<div class="subnav" id="subnav">
<ul>
<li><a href="_printing/digital-printing.html" title="Digital Printing">Digital Printing</a></li>
<li><a href="_printing/offset-printing.html" title="Offset Printing">Offset Printing</a></li>
<li><a href="_printing/business-cards&stationery.html" title="Business Cards & Stationery">Business Cards & Stationery</a></li>
<li><a href="_printing/manuals-reports&catalogues.html" title="Manuals, Reports & Catalogues">Manuals, Reports & Catalogues</a></li>
<li><a href="_printing/bindery-services.html" title="Bindery Services">Bindery Services</a></li>
<li><a href="_printing/canada-post.html" title="Canada Post">Canada Post</a></li>
<li><a href="_printing/graphic-design-typesetting.html" title="Graphic Design & Typesetting">Graphic Design & Typesetting</a></li>
</ul>
</div><!-- /.subnav -->
</li>
<li class="red"><a href="promotional-products.html" title="Promotional Products"><span class="doubleLine">Promotional Products</span></a>
<div class="subnav">
<ul>
<li><a href="_promotional-products/awards-mounting.html" title="Awards & Mounting">Awards & Mounting</a></li>
<li><a href="_promotional-products/binders.html" title="Binders">Binders</a></li>
<li><a href="_promotional-products/clothing-apparel.html" title="Clothing & Apparel">Clothing & Apparel</a></li>
<li><a href="_promotional-products/bags.html" title="Bags">Bags</a></li>
<li><a href="_promotional-products/drinkware.html" title="Drinkware">Drinkware</a></li>
<li><a href="_promotional-products/lanyards.html" title="Lanyards">Lanyards</a></li>
<li><a href="_promotional-products/magnets.html" title="Magnets">Magnets</a></li>
<li><a href="_promotional-products/pens-writing-instruments.html" title="Pens & Writing Instruments">Pens & Writing Instruments</a></li>
<li><a href="_promotional-products/presentation-folders.html" title="Presentation Folders">Presentation Folders</a></li>
<li><a href="_promotional-products/usb.html" title="USB Flash Drives">USB Flash Drives</a></li>
<li><a href="_promotional-products/umbrellas.html" title="Umbrellas">Umbrellas</a></li>
</ul>
</div><!-- /.subnav -->
</li>
<li class="pink"><a href="banners-signage.html" title="Banners & Signage"><span class="doubleLine">Banners & Signage</span></a>
<div class="subnav">
<ul>
<li><a href="_banners-signage/drafting-cad-services.html" title="Drafting & CAD services">Drafting & CAD services</a></li>
<li><a href="_banners-signage/coroplast&foamcore.html" title="Coroplast & FoamCore">Coroplast & FoamCore</a></li>
<li><a href="_banners-signage/retractable-banners.html" title="Retractable Banners">Retractable Banners</a></li>
<li><a href="_banners-signage/posters&banners.html" title="Posters & Banners">Posters & Banners</a></li>
<li><a href="_banners-signage/wraps&pvc.html" title="Wraps & PVC">Wraps & PVC</a></li>
<li><a href="_banners-signage/displays&canvas.html" title="Displays & Canvas">Displays & Canvas</a></li>
</ul>
</div><!-- /.subnav -->
</li>
<li class="purple"><a href="pool.html" title="POOL"><span>POOL</span></a></li>
<li class="blue"><a href="http://www.volumesdirect.com/" title="Volumes"><span>Volumes</span></a></li>
<li class="green"><a href="contact.html" title="Contact"><span>Contact</span></a>
<div class="subnav">
<ul>
<li><a href="locations.html" title="Locations">Locations</a></li>
<li><a href="media.html" title="Media">Media</a></li>
<li><a href="https://digitalink2.mtprint.com/exchweb/bin/auth/owalogon.asp?url=https://digitalink2.mtprint.com/exchange&reason=0&replaceCurrent=1" title="Digital Link">Digital Link</a></li>
<li><a href="ftp://ftp.mtprint.com/" title="FTP site">FTP site</a></li>
<li><a href="https://secure.mtprint.com/pool/CustSignIn.aspx" title="Client Login">Client Login</a></li>
<li><a href="mtprint/QuoteForm.aspx" title="Estimate Request">Estimate Request</a></li>
<li><a href="submit/submit_file.aspx" title="Submit A File">Submit A File</a></li>
<li><a href="_contact/recognition.html" title="Recognition">Recognition</a></li>
<li><a href="_contact/graphics-factory.html" title="Graphics Factory">Graphics Factory</a></li>
<li><a href="_contact/careers.html" title="Careers">Careers</a></li>
</ul>
</div><!-- /.subnav -->
</li>
<li class="yellow-facebook"><a href="https://www.facebook.com/mtprint/" title="Facebook"><span></span></a></li>
</ul>
</div> <!-- nav-wrap -->
<div id="logo"><a href="index.html"><img src="images/logo-main.png" alt="M&T Printing Group" title="M&T Printing Group" /></a></div> <!-- logo -->
<!-- used for mobile -->
<div id="logo-mobile"><a href="index.html"><img src="images/M&T-Printing-Group-Logo-moble.jpg" alt="M&T Printing Group" title="M&T Printing Group" /></a></div> <!-- logo-mobile -->
<h1>“Your Partners In Print”</h1>
<div id="footer">
<ul class="footer-left">
<li><a href="index.html">M&T Printing Group</a> - © 2014</li>
</ul>
<ul class="footer-right">
<li><a href="https://secure.mtprint.com/pool/CustSignIn.aspx" title="Client Login">Client Login</a></li>
<li><a href="locations.html" title="Locations">Locations</a></li>
<li><a href="pool.html" title="Pool">Pool</a></li>
</ul>
</div> <!-- footer -->
</div> <!-- indexBG -->
</body>
</html>
請檢查控制檯它說'無法加載資源:服務器響應狀態爲404(Not Found)' – 2014-10-03 17:22:05