title: How to replace image source with video source in CSS
body: <p>Hi I need a small help in replacing image source with video source in order to make it as parallax.</p>
  
  <h2>CSS code</h2>
  
  <pre><code>.parallax {
      /* The image used */
      background-image: url("img/cour2.jpg");
  
      /* Set a specific height */
      min-height: 1000px; '
      width:100%;
  
      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  </code></pre>
  
  <p>My major task is to add a video background in header and and have to make it as parallax. <a href="https://i.stack.imgur.com/7JeJT.jpg" rel="nofollow noreferrer">Link to page here</a>
  I have to replace this image with a video background without affecting the parallax effect. Is it possible to do like this? </p>
  
  <p>Please help me and thank you in advance</p>