[英]Fallback for video background in html5
I am trying to add a static image as fallback for video background in html 5 but not getting the output can anyone help. 我正在尝试添加静态图像作为html 5中视频背景的后备,但是任何人都无法获得输出。
<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 <video> tag"> Video not supported </video> </div>
Check for you image path and replace the <video>
tag in the title with < >
检查图像路径,并将标题中的
<video>
标记替换为< >
< >
<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 <video> tag">
Video not supported
</video>
</div>
I suggest that instead of using an image inside the video area, you use a background image. 我建议不要使用视频区域内的图像,而应使用背景图像。
#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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.