Video on Repeat in Banner

Discussion in 'HTML & Website Design' started by MaxTitan, Jun 8, 2016.

0
  1. #1
    Hello Ladies and Gentlemen,

    I am trying to find a way to spread my video so that it fits my banner section and plays on repeat and is also scalable. Does anyone know how to do this? Here is some code.

    This is how I have typed up my banner. I would like the video to be behind the text of course.

    HTML

    <div class="importantText">

    <h2>The world of Design needs craftsmen.</h2>
    <p>Design is complex. You need the skills of a craftsmen to get it right. You need KurkWeb&trade;.</p>
    <a href="#" class="learnMore" value="Learn More" title="Learn More">Learn More</a>

    </div>

    CSS

    /* Important Text Begins */
    /* Important Text Begins */
    /* Important Text Begins */

    .importantText {
    padding:5em 1em;
    clear:both;
    }

    .importantText h2 {
    font-size:200%;
    font-weight:bold;
    text-align:center;
    }

    .importantText p {
    font-size:130%;
    font-weight:normal;
    text-align:center;
    }

    .learnMore {
    display:block;
    margin:0 auto;
    font-size:125%;
    text-align:center;
    padding:.5em;
    background-color:#F2F2F2;
    width:20%;
    border-radius:1em;
    }


    /* Important Text Ends */
    /* Important Text Ends */
    /* Important Text Ends */

    and this is what it looks like as of now on a macbook pro 2012
     

    Attached Files:

    MaxTitan, Jun 8, 2016 IP
  2. MaxTitan

    MaxTitan Member

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    31
    #2
    Ooops, I do not know what happened.

    <div class="container group">
    <div class="importantText">

    <h2>The world of Design needs craftsmen.</h2>
    <p>Design is complex. You need the skills of a craftsmen to get it right. You need KurkWeb&trade;.</p>
    <a href="#" class="learnMore" value="Learn More" title="Learn More">Learn More</a>

    </div>
    </div>
     
    MaxTitan, Jun 8, 2016 IP
  3. tomasz86

    tomasz86 Greenhorn

    Messages:
    24
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    18
    #3
    Why would you want to do this?

    First of all, such a video on loop will be very distracting to your visitors. Secondly, the text will be very difficult to read. Lastly, it will make some people (like me) feel dizzy.

    If you absolutely must do it (which I would advise not to) then at least you should provide a way to pause the video on demand.
     
    tomasz86, Jun 13, 2016 IP