Question

我正在为我的乐队制作一个网站，并使用bootstrap。我想在其中嵌入一个视频但是我遇到了一个问题，它占据了大部分屏幕并将NAV选项推向了一边。我希望视频能够占据屏幕，直到高度不会干扰NAV选项。导航项目应该是中心。

这是HTML。

  <body class="text-center">

    <div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
      <header class="masthead mb-auto">
        <div class="inner">
          <nav class="nav nav-masthead justify-content-center">
            <a class="nav-link active" href="index.html">Home</a>
            <a class="nav-link" href="about.html">About</a>
            <a class="nav-link" href="events.html">Events</a>
            <a class="nav-link" href="contact.html">Contact</a>
          </nav>
        </div>
      </header>
    </div>
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="./Assets/IntroVideo.mp4" allowfullscreen></iframe>
    </div>

iFrame在引导程序中调整视频大小

0 个答案: