Videos

  • Videos

    In order to add a video to a page use the following HTML markup:

    <div class="video-container">
    <iframe src="https://www.youtube.com/embed/cM15yJEtX1Y?&autoplay=0&rel=0&wmode=transparent" frameborder="0" allowfullscreen=""></iframe>
    </div>


    Please note!
    Optionally, ID can be added to change iframe ratio. See more details below

    <div class="video-container" id="PLACE ID NAME HERE">
    <iframe src="https://www.youtube.com/embed/cM15yJEtX1Y?&autoplay=0&rel=0&wmode=transparent" frameborder="0" allowfullscreen=""></iframe>
    </div>

    Check table below for available IDs

  • ElementDescription
    video-container classeach video posted on a website has to be placed inside a DIV container with a class called video-container
    IDsno id16:9 aspect ratio
    heroBespoke aspect ratio. Most of the videos should use this class.
    four-three4:3 aspect ratio
    three-two3:2 aspect ratio
    eight-five8:5 aspect ratio
    iframevideo IDEach video has its unique ID which has to be added at the end of the URL (https://www.youtube.com/embed/xxxxxxxxxxx)
    autoplayThis parameter specifies whether the initial video will automatically start to play when the player loads. Supported values are 0 or 1. The default value is 0.
    relThis parameter indicates whether the player should show related videos when playback of the initial video ends. Supported values are 0 and 1. The default value is 1.
    wmodeThis parameter, when set to transparent, fixes the problem of Drop down Menus falling behind video players.
  • Default


    hero


    four-three


    three-two


    eight-five

We use cookies to operate this website and to improve its usability. Full details of what cookies are, why we use them and how you can manage them can be found by reading our Privacy & Cookies page. Please note that by using this site you are consenting to the use of cookies.