Embed Media

<div class="embed-block">
  <div class="container">
    <div class="row">
      <div class="col-md-7">
        <video src="/vid/landscape/land16.mp4" class="html5-video xs-m-b-md sm-m-b-md" controls preload="auto"></video>
      </div>
      <div class="col-md-5">
        <h3>Embed HTML5 video</h3>
        <p class="lead-alt m-b">Small description here</p>
        <p class="content m-b-md">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
        <a href="#" class="button button-theme button-rounded text-uppercase">Read More</a>
      </div>
    </div>
  </div>
</div>

<div class="embed-block embed-block-youtube">
  <div class="container">
    <div class="row">
      <div class="col-md-7">
        <div class="xs-m-b-md sm-m-b-md"><iframe src='//www.youtube.com/embed/M9ITWjBPwDA' allowfullscreen></iframe></div>
      </div>
      <div class="col-md-5">
        <h3>Embed youtube video</h3>
        <p class="lead-alt m-b">Small description here</p>
        <p class="content m-b-md">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
        <a href="#" class="button button-theme button-rounded text-uppercase">Read More</a>
      </div>
    </div>
  </div>
</div>

<div class="embed-block embed-block-vimeo">
  <div class="container">
    <div class="row">
      <div class="col-md-7">
        <div class="xs-m-b-md sm-m-b-md"><iframe src='//player.vimeo.com/video/183181421' allowfullscreen></iframe></div>
      </div>
      <div class="col-md-5">
        <h3>Embed vimeo video</h3>
        <p class="lead-alt m-b">Small description here</p>
        <p class="content m-b-md">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
        <a href="#" class="button button-theme button-rounded text-uppercase">Read More</a>
      </div>
    </div>
  </div>
</div>

<div class="embed-block embed-block-dailymotion">
  <div class="container">
    <div class="row">
      <div class="col-md-7">
        <div class="xs-m-b-md sm-m-b-md"><iframe src='//www.dailymotion.com/embed/video/x4to82q' allowfullscreen></iframe></div>
      </div>
      <div class="col-md-5">
        <h3>Embed dailymotion video</h3>
        <p class="lead-alt m-b">Small description here</p>
        <p class="content m-b-md">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
        <a href="#" class="button button-theme button-rounded text-uppercase">Read More</a>
      </div>
    </div>
  </div>
</div>

<div class="embed-block embed-block-soundcloud">
  <div class="container">
    <div class="row">
      <div class="col-md-7">
        <div class="xs-m-b-md sm-m-b-md"><iframe src='//w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/122848345&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true'></iframe></div>
      </div>
      <div class="col-md-5">
        <h3>Embed soundcloud audio</h3>
        <p class="lead-alt m-b">Small description here</p>
        <p class="content m-b-md">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
        <a href="#" class="button button-theme button-rounded text-uppercase">Read More</a>
      </div>
    </div>
  </div>
</div>

<div class="embed-block embed-block-youtube">
  <div class="container">
    <div class="row">
      <div class="col-md-7 xs-m-b-md sm-m-b-md">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe class="embed-responsive-item" src="//www.youtube.com/embed/M9ITWjBPwDA"></iframe>
        </div>
      </div>
      <div class="col-md-5">
        <h3>Embed youtube video</h3>
        <p class="lead-alt m-b">Small description here</p>
        <p class="content m-b-md">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
        <a href="#" class="button button-theme button-rounded text-uppercase">Read More</a>
      </div>
    </div>
  </div>
</div>

<div class="embed-block embed-block-youtube">
  <div class="container">
    <div class="row">
      <div class="col-md-7 xs-m-b-md sm-m-b-md">
        <div class="embed-responsive embed-responsive-4by3">
          <iframe class="embed-responsive-item" src="//www.youtube.com/embed/M9ITWjBPwDA"></iframe>
        </div>
      </div>
      <div class="col-md-5">
        <h3>Embed youtube video</h3>
        <p class="lead-alt m-b">Small description here</p>
        <p class="content m-b-md">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
        <a href="#" class="button button-theme button-rounded text-uppercase">Read More</a>
      </div>
    </div>
  </div>
</div>

<div class="bg-video-block bg-video-narrow">
  <video src="/vid/app/app.mp4" preload="auto" autoplay loop></video>
</div>

<div class="bg-video-block">
  <video src="/vid/app/app.mp4" preload="auto" autoplay loop></video>
  <div class="bg-video-inner">
    <div class="container">
      <div class="title">
        Nice background video title
      </div>
      <div class="text">
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</p>
      </div>
      <a class="button button-pill button-theme" href="#">Learn More</a>
    </div>
  </div>
</div>

<div class="bg-video-block bg-video-tall">
  <video src="/vid/app/app.mp4" preload="auto" autoplay loop></video>
  <div class="bg-video-inner">
    <div class="container">
      <div class="title">
        Nice background video title
      </div>
      <div class="text">
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo</p>
      </div>
      <a class="button button-pill button-theme" href="#">Learn More</a>
    </div>
  </div>
</div>

<div class="embed-block yt-background-video">
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <a href="//www.youtube.com/watch?v=WmjYshAI2bs" class="yt-background-video-itself"
          data-property= "{videoURL:'WmjYshAI2bs',containment:'.yt-background-video', showControls:true, autoPlay:true, loop:true,
          vol:50, mute:true, startAt:0, opacity:1, addRaster:false, quality:'default'}">
          youtube background movie
        </a>
      </div>
    </div>
  </div>
</div>