[英]Fallback for video background in html5
我正在尝试添加静态图像作为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>
检查图像路径,并将标题中的<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>
我建议不要使用视频区域内的图像,而应使用背景图像。
#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.