Question

我正在尝试在html 5中添加静态图像作为视频背景的后备，但是没有任何人可以帮助输出。

＆＃13;

<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>

＆＃13;

Answer 1

检查您的图片路径，并将标题中的<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 &lt;video&gt; tag">

        Video not supported
    </video>
</div>

Answer 2

我建议您使用背景图片而不是在视频区域内使用图像。

#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>

html5中视频背景的后备

2 个答案: