2014-11-24 54 views
0

寬度和高度存在一些問題,它顯示在整個頁面上。另外我的視頻是在Firefox上工作,但不是在鉻上無法在我的網站添加視頻

<div id="videoTop" style="position:fixed; right: 0px; min-width: 100%; min-height: 50%; width: auto; height: auto; z-index: 1; overflow:hidden;"> 

    <script> 
     if (jQuery.browser.mobile) { 
      $('div#videoTop').remove(); 
     } 
     else { } 
    </script> 

    <video id="videoBG" preload="auto" autoplay="autoplay" loop="loop" muted="muted" volume="0" tabindex="0" style="position: fixed; right: 0px; min-width: 100%; min-height: 30%; width: auto; height: auto; z-index: -2; overflow: hidden;"> 
     <source src="Images/Wildlife.mp4" type="video/mp4" codecs="&quot;avc1.42E01E, mp4a.40.2&quot;"> 
     <source src="/assets/1550/allure-homepage.webm" type="video/webm; codecs=&quot;vp8, vorbis&quot;"> 
    </video> 
</div> 

回答

2

如果== true,那麼您將刪除您發佈的整個標記塊。

0

由於只有1 <div>標籤,因此您的jQuery代碼將在真實時刪除整個塊。這就是你想要的,並且是你遇到錯誤的移動瀏覽器?

對於非移動瀏覽器,請嘗試刪除通常不需要的編解碼器&,這些編解碼器似乎包含不必要的引號和分號,它們會破壞上面的代碼。

<video id="videoBG" preload="auto" loop="loop" muted="muted" volume="0" tabindex="0" style="position: fixed; right: 0px; min-width: 100%; min-height: 30%; width: auto; height: auto; z-index: -2; overflow: hidden;"> 
    <source src="Images/Wildlife.mp4" type="video/mp4"> 
    <source src="/assets/1550/allure-homepage.webm" type="video/webm"> 
</video> 

如果不是這樣,請確認您的文件路徑爲視頻。爲什麼他們對於不同的瀏覽器完全不同的視頻和不同的子文件夾(「圖片」和「資產」)?
最後,還有其他內容嗎?爲什麼z-index爲-2?其他內容是否可以覆蓋視頻?

+0

那麼源「資產/ 1550 ..」不應該在那裏。與.ogg格式相同的文件。是的,視頻應該隱藏在包含內容和向下滾動的其他div標籤後面,即視頻應該出現的時間。 – 2014-11-24 19:00:57

+0

那可能是你的問題;) – mc01 2014-11-24 19:02:06