在html5中的視頻背景的後備

我想添加一個靜態圖像作爲後備在html 5中的視頻背景，但沒有得到任何人的幫助輸出。在html5中的視頻背景的後備

<div class="background-wrap"> 
 
    \t <video id="video-bg-elem" preload="auto" autoplay loop muted> 
 
     \t <source src="media/Digital Marketing Agency in CT - Mediaboom.ogv"> 
 
     <img src="/media/staticimage.jpg" title="Your browser does not support the <video> tag"> 
 
     \t 
 
      Video not supported 
 
     </video> 
 
    </div>

來源

2015-11-22 Ranbijay

可能重複：http://stackoverflow.com/questions/14616453/image-placeholder-fallback-for-html5-video – Miro

哥們我與解決方案爲什麼在這裏再次張貼它不工作.Thats曾試圖以及由某人在這裏給出的解決方案工作。你不應該刪除答案。總而言之，我得到了答案。謝謝！ – Ranbijay

檢查你的圖像路徑與< >

<div class="background-wrap"> 
    <video id="video-bg-elem" preload="auto" autoplay loop muted> 
     <source src="media/Digital Marketing Agency in CT - Mediaboom.ogv"> 
    <img src="/media/staticimage.jpg" 
     title="Your browser does not support the &lt;video&gt; tag"> 

     Video not supported 
    </video> 
</div>

來源

2015-11-22 15:35:58 scaisEdge

更換<video>標籤的標題，我建議，而不是使用視頻區域內的圖像，你可以使用背景圖片。

#video-bg-elem {background-image: url(media/staticimage.jpg);} 

<div class="background-wrap"> 
<video id="video-bg-elem" preload="auto" autoplay loop muted> 
    <source src="media/Digital Marketing Agency in CT - Mediaboom.ogv"> 
    Video not supported 
</video> 
</div>

來源

2015-11-22 16:06:00 CDM

在html5中的視頻背景的後備

回答

相關問題