(Created page with "<video id="cps-main-video-banner" src="https://www.youtube.com/embed/I4jo7m-HxNs" autoplay loop playsinline muted></video>")
 
Line 1: Line 1:
<video id="cps-main-video-banner" src="https://www.youtube.com/embed/I4jo7m-HxNs" autoplay loop playsinline muted></video>
+
    <!-- Video Banner -->
 +
    <section class="ocp-banner-section" id="ocpVideoSection">
 +
      <div class="container ocp-banner-text-container">
 +
        <div class="row">
 +
          <div class="col-12">
 +
            <header>
 +
              <h2 class="ocp-banner-title">Pro Line Video</h2>
 +
              <p class="mx-auto ocp-banner-subtitle">
 +
                The video background has a parallax effect. This is fluid and
 +
                full-width.
 +
              </p>
 +
            </header>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 
 +
      <!-- Video -->
 +
      <video id="hero-vid" autoplay="" loop="" muted>
 +
        <source src="/opencsp_launch2.mp4" type="video/mp4" />
 +
        Your browser does not support the video tag.
 +
      </video>
 +
    </section>

Revision as of 07:38, 30 June 2023

   
           <header>

Pro Line Video

The video background has a parallax effect. This is fluid and full-width.

           </header>
     <video id="hero-vid" autoplay="" loop="" muted>
       Your browser does not support the video tag.
     </video>