主页 / 问题 / 1440882
Accepted
Tokishu
Asked:2022-08-20 03:04:57 +0000 UTC2022-08-20 03:04:57 +0000 UTC

如何在视频中间放置文字

  • 772

大家好，我想制作这个网站，以便有一个带有自动播放静音循环的视频标签，并使它在这个视频中间有文字和一张照片这在此处输入图像描述 是我想要放置的这个 shnyagka 的代码在视频的中心

    <div class="container text-center" style="margin-top: 150px;">
  <div class="row justify-content-md-center">
    <div class="col" style="margin-top: 80px;">
      <h1>Schalker Online</h1>
      <p>Какой-то текст</p>
    </div>
    <div class="col">
      <img class="animate_animated animate__fadeInRight" src="src/img/favicon.ico">
    </div>
  </div>
</div>

再次。我想让它在上面显示文本和照片，并在视频的背景中显示自动播放

html css

1 个回答

  1. Best Answer

    使用这样的东西

    <div class="some-container">
  <div class="layer">
        video...
    </div>
    
    <div class="layer layer--content">
        <div class="container text-center" style="margin-top: 150px;">
            <div class="row justify-content-md-center">
                <div class="col" style="margin-top: 80px;">
                    <h1>Schalker Online</h1>
                    <p>Какой-то текст</p>
                </div>

                <div class="col">
                    <img class="animate_animated animate__fadeInRight" src="src/img/favicon.ico">
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .some-container {
        position: relative;
    }

    .layer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .layer--content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
    • 0

相关问题