我正在研究wordpress主題，但我遇到了一個我似乎無法解決的問題。我使用syd lawrences背景視頻 - https://github.com/sydlawrence/jquery.videoBG來應用視頻背景，但是我在同一個div中有一些文本，需要顯示文本，但不知何故，文本沒有顯示出來。我的網站在這裏 - http://digitalmarketingcardiff.com/copperhead/videoBG文本未顯示啓用視頻背景時
視頻div有一個h1標題和說明沒有顯示，我在哪裏出錯？請幫忙。我試着將Z-索引的文本，但仍然失敗:(
感謝球員：）
我的標記是 - <div id="home-video"> <h1><span class="red">Ola,</span> im black dahlia!</h1> <span class="home-text">This is a....blah blah.</span> <p class="home-text"><a href="#work" class="button">Our Work</a></p> <div class="home-icon"> <a href="#work"><i class="icon-cog icon-spin"></i></a> </div>
</div>
，並在我的頁腳的JavaScript裹着文件。準備是
var isTouch = Modernizr.touch;
if(!isTouch){jQuery('#home-video').videoBG({
mp4:'http://localhost/copperhead/wp-content/uploads/2013/10/cameraLens.mp4',
ogv:'http://localhost/copperhead/wp-content/uploads/2013/10/cameraLens.ogg',
webm:'http://localhost/copperhead/wp-content/uploads/2013/10/cameraLens.webm',
poster:'http://localhost/copperhead/wp-content/uploads/2013/10/78703.jpg',
zIndex:-30,
fullscreen: true
});
}
你有兩個id =「home-video」的元素重命名一個並檢查它是否有效 – Mateusz
嗨Mateusz，謝謝，但文檔中的第二個家庭視頻是由videobg插件生成的，我只有上面的標記有一個家庭視頻分區。如果在完成後檢查dom，那麼我可以看到2個家庭視頻div，但videobg正在生成其中的一個。 –
在DOM中，你只能擁有一個帶有某個id的元素（創建它並不重要）。如果視頻插件調用id ='home-vide'的元素，它將接收到帶有此id的第一個元素。這很奇怪，因爲如果我檢查DOM並關閉＃home-video中的text-align：center，所有文本都會出現，以便我認爲問題出在id上。 – Mateusz