Bootstrap video carousel

video in bootstrap carousel

by harsh dand

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 <div class="slideshow">
                   <div class="container">
                       <div class="row">
                  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                      <div class="carousel-inner">
                            <div class="item active">
                                <div class="col-md-6">
                                      <video controls play>
                                          <source src="videos/Rio 2.mp4" type="video/mp4">
                                        Your browser does not support the video tag. 
                                      </video>
                                </div>
                              <div class="col-md-6 caption">
                                   <h1 class="text-uppercase same-style">The cool</h1>
                                   <h2 class="text-uppercase same-style">The minimal</h2>
                              </div>
                            </div>
                            <div class="item">
                                    <div class="col-md-6">
                                       <video id=0 controls width="548" height="328" controls play>
                                        <noscript><a href=http://www.freemake.com/free_video_converter/>video converter</a></noscript>
                                        <source src="videos/baku.mp4" type='video/mp4'>
                                        <p>Video is not visible, most likely your browser does not support HTML5 video</p>
                                       </video>
                                   </div>
                                   <div class="col-md-6 caption">
                                       <h1 class="text-uppercase same-style">The Cheerful</h1>
             ...

CSS

video{
    width:100%;
    height:100%;
}