在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中的视频背景的后备

回答

相关问题