Skip to main content Skip to navigation

Video

    Single video embed

    When adding an embedded video with a text box on the side use the "video-embed" class on the <div> element to prevent bottom margin collapsing.

    <div class="row"> 
      <div class="col-md-12"> 
        <div class="box-grey"> 
          <div class="row"> 
            <div class="col-md-8 col-sm-12 col-xs-12"> 
              <div class="embed-responsive embed-responsive-16by9"> 
                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/kvuZk10ZTEE"> </iframe> 
              </div>
    
            </div>
    
            <div class="col-md-4 col-sm-12 col-xs-12"> 
                 <h4>Heading Text</h4>    
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod, orem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</p>
    
          </div>
    
          </div>
        </div>
      </div>
    </div>
    

    Amrita Sen

    (BSc Economics, 2003-2006)

    Listen to the message from our visiting alumna, Amrita Sen regarding her experiences and life after graduation. 

    PG Graduation Ceremony,
    19 January 2018

    Multiple video embed

    Multiple videos embed sample below. The "video-embed" class is not required in this case. Make sure <iframe> elements do not have a width element and set the same height for both embeds

    <div class="row equal-height">
        <div class="col-md-6">    
            <iframe frameborder="0" height="215" width="560" allow="autoplay; encrypted-media" allowfullscreen="true" src="https://www.youtube.com/embed/kvuZk10ZTEE"></iframe>
    
            <div class="box-grey">
                 <h4>Heading Text</h4>    
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod, orem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</p>
         </div>
    	     </div>
    
      
      <div class="col-md-6">    
            <iframe frameborder="0" height="215" width="560" allow="autoplay; encrypted-media" allowfullscreen="true" src="https://www.youtube.com/embed/XbVegRuU6YE"></iframe>
    
            <div class="box-grey">
                 <h4>Heading Text</h4>    
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod, orem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</p>
         </div>
      	</div>
       </div>
      
    

    Amrita Sen

    (BSc Economics, 2003-2006)

    Listen to the message from our visiting alumna, Amrita Sen regarding her experiences and life after graduation.

    Martin Li

    (BSc Economics, 2014-2017)

    Hear from Martin Li, a former Warwick Economics Alumni as he gives his advice to graduates on the working world.