視頻標籤不在頁面上顯示

我無法讓我的視頻標籤顯示在頁面上。視頻標籤不在頁面上顯示

我知道我已經正確引用它們，因爲如果我去localhost：5000/vid/clip1.mp4（實時鏈接：http://blue-goji.herokuapp.com/vid/clip1.mp4）它顯示視頻控件，但它不會播放任何內容。

誰能告訴我這裏發生了什麼？

相關HTML：

<div class='container' id='video-grid'> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip1.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip2.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip2.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip3.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip4.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip4.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
</div> <!-- container -->

活動鏈接： http://blue-goji.herokuapp.com/

來源

2016-04-21 Casey

我去了實時鏈接，並能看到DOM中的視頻標籤。 – metarmask

對不起，也許我的意思是不顯示在網頁上。如果檢查導航欄下的空白區域，我可以看到源/ DOM中顯示的視頻標籤。但他們沒有出現在網頁上......他們應該去的地方只有一個很大的空間。 – Casey

我走進檢查員，用外部站點的視頻鏈接替換src屬性，並且該元素變得可見，問題似乎與服務器或視頻有關。 – metarmask

的視頻元素並顯示在頁面上，它只是融合在一起的背景，因爲它是相同的顏色。視頻文件或託管它的服務器都有問題。

使其更清晰的用戶有將是額外的內容，而視頻仍在加載或沒有像在這種情況下，你可以在不同的背景添加到視頻元素的錯誤：

video { 
    background: gray; 
}

來源

2016-04-21 17:44:19 metarmask

視頻標籤不在頁面上顯示

回答

相關問題