Replacing a video loop with an image

Discussion in 'PHP' started by fuser00, Jun 10, 2016.

0
  1. #1
    Hi, I have a script with a video loop background. I want the site to load faster, so I need to replace that video background with an image.

    Heres the code:

    <div class="wrapper" style="position:absolute !important;height:100% !important;width:100% !important;margin-top:-200px !important;">
    <div class="embed-responsive embed-responsive-16by9">
    <video autoplay loop class="video" style="margin-top:200px;width:100%;">
    <source src=http://www.videoloopexample.com/video.m4v type=video/mp4>
    </video>
    </div>

    Im sure its pretty easy. How can I change it for an image?

    Thanks!
     
    fuser00, Jun 10, 2016 IP
  2. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #2
    Just remove the video element and use an img element instead. If you want it to link to the video, wrap it in an a element with a link to the image.
     
    PoPSiCLe, Jun 10, 2016 IP