html - 在视频开始之前放置背景颜色过渡

我有一个疑问，就是我似乎并没有想出如何解决的方法，基本上我有一个视频，它是我网站的视频演示，我想要的是在视频开始播放之前显示图像，因此我可以防止用户可以在开始视频之前看到该循环，并且如果存在连接问题，该图像将始终显示。

目前，我有这个：

     <section class="tp-banner-container content_section">
            <div class="embed-responsive embed-responsive-16by9">
              <iframe id="video" class="embed-responsive-item" src="https://www.youtube.com/embed/kn-1D5z3-Cs?autoplay=1&showinfo=0
&start=10&controls=0&modestbranding=1" volume="0">
             </iframe>
            </div>
      </section>

最佳答案

您需要使用attr海报进行抽样，并提供一些高度和宽度。

 <video width="470" height="255" poster="placeholder.png" controls>
        <source src="video.mp4" type="video/mp4">
        <source src="video.ogg" type="video/ogg">
        <source src="video.webm" type="video/webm">
        <object data="video.mp4" width="470" height="255">
        <embed src="video.swf" width="470" height="255">
        </object>
    </video>

关于html - 在视频开始之前放置背景颜色过渡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42885658/