011 027 5098 | 079 157 2902
  • About Us
  • Blog
  • Support
  • Contact
BP Web DesignBP Web DesignBP Web DesignBP Web Design
  • Home
  • Websites
  • E-commerce
  • Custom Design
  • Hosting
    • Web Hosting
    • Virtual Private Servers
    • Dedicated Servers
    • Reseller Hosting
  • Corporate Branding

Just how to produce a fullscreen video clip history Barrel i…

    Home Uncategorized Just how to produce a fullscreen video clip history Barrel i…
    NextPrevious

    Just how to produce a fullscreen video clip history Barrel i…

    By | Uncategorized | 0 comment | 4 December, 2019 | 0

    Just how to produce a fullscreen video clip history
    Barrel is an electronic firm from New York, and also like numerous firms it delights in revealing off its style as well as growth abilities. The 2012 Recap component of the website, picked below, makes use of a complete display video clip history.
    The picked video clip reveals a daily scene at the firm to aid focus that and also what they are. The brief clip runs on a loophole just duplicating at the end of the clip.
    There are numerous choices for producing a video clip history. There is the a lot more custom alternative of making use of Video.js or BigVideo.js for one point.
    The initial action is to produce a div to have the video clip. Include a remark to the closing tag for future recommendation.

    001 << div id="bigvid">>
    .
    message will certainly enter right here
    .
    002 <. Go fullscreen

    Also though the video clip is established to 100% on both elevation and also size, just the size is presently observing the size worth. Include setting: outright to the video clip container CSS to solve.

    001 #bigvid.
    002 setting: outright;.
    003 background-color: # 000;.
    004 elevation: 100%;.
    005 size: 100%;.
    006.

    Include an overlay

    To overlay a div tag over the video clip the div requires to be placed making use of the outright worth. Include a history colour, yet make certain that it is one that matches the history video clip.

    001 #start.
    002.
    003 placement: outright;.
    004 size: 400px;.
    005 elevation: 400px;.
    006 z-index: 1;.
    007 background-color: # 000;.
    008.

    Designing as well as centring

    Include border-radius as well as established to the size of the div tag to 400px. To centre the circle include left: 50%, and also margin-left to half the size with a minus worth, -200 px.

    001 #start.
    002

    The very first action is to develop a div to include the video clip. Also though the video clip is established to 100% on both elevation as well as size, just the size is presently observing the size worth. Include setting: outright to the video clip container CSS to fix.

    To overlay a div tag over the video clip the div requires to be placed making use of the outright worth. Include a history colour, yet make certain that it is one that enhances the history video clip.

    No tags.

    Leave a Comment

    Cancel reply

    Your email address will not be published. Required fields are marked *

    NextPrevious
    Copyright 2019 BP Web Design | All Rights Reserved. A BP Web Group Company
    • Home
    • Websites
    • E-commerce
    • Custom Design
    • Hosting
      • Web Hosting
      • Virtual Private Servers
      • Dedicated Servers
      • Reseller Hosting
    • Corporate Branding
    BP Web Design