New Website style design how to approach?

Discussion in 'HTML & Website Design' started by xxnonamexx, Apr 2, 2014.

  1. #1
    I have noticed websites turning towards a video type themed website such as plated and paypal. How would you go about developing this type of website. What do they call this style? What should I be looking to use in the code to have this video displayed like they have it? Thanks
     
    xxnonamexx, Apr 2, 2014 IP
  2. sarbjeet singh

    sarbjeet singh Greenhorn

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #2
    Nice question... these type of websites are in vogue and its pretty simple to add this type of look and feel to your site.
    Just find some background video player jquery plugin for that. look at this link http://syddev.com/jquery.videoBG/demo_div.html
    all the best
     
    sarbjeet singh, Apr 4, 2014 IP
  3. xxnonamexx

    xxnonamexx Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    Thanks but this is the code I was looking for

    <!DOCTYPE html>
    <html>
    <style>
    video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
    }
    #wrapper {
    width: 960px;
    height: 720px;
    }
    h3 {
    text-align: center;
    }
    p {
    width: 200px;
    margin: 0 auto;
    }
    </style>
    <body>
    <div id="wrapper">
    <h3>some title</h3>
    <p>some other text you might want to have, i still recommended something of the video remain video, and i needed some text. </p>
    <video width="960" height="720" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
    </video>
    </div>
    </body>
    </html>
     
    xxnonamexx, Apr 4, 2014 IP
  4. sarbjeet singh

    sarbjeet singh Greenhorn

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #4
    this is just an Html5 video tag. if you want to play video then its fine. but if you want to play video in background of your page or some container then use above jquery plugin link
     
    sarbjeet singh, Apr 4, 2014 IP