Javascript html5中视频背景的回退
我试图在HTML5中添加一个静态图像作为视频背景的后备,但没有得到任何人都能帮助的输出Javascript html5中视频背景的回退,javascript,jquery,html,html5-video,Javascript,Jquery,Html,Html5 Video,我试图在HTML5中添加一个静态图像作为视频背景的后备,但没有得到任何人都能帮助的输出 标签“> 不支持视频 检查图像路径,并将标题中的标记替换为 <div class="background-wrap"> <video id="video-bg-elem" preload="auto" autoplay loop muted> <source src="media/Digital Marketing Agency in CT - Med
标签“>
不支持视频
检查图像路径,并将标题中的
标记替换为
<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>
视频背景元素{背景图像:url(media/staticimage.jpg)}
不支持视频
可能重复:老兄,我尝试过该解决方案,但它不起作用。这就是为什么再次发布在这里。而有人给出的解决方案起了作用。你不应该删除答案。无论如何,我得到了答案。谢谢!!