<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row clearfix">
<div class="col-md-8 column">
<h3 class="text-primary">
TEST: YouTube Player
</h3>
How to retrieve images and data from youtube and customize player.
<p>
<iframe id="ytplayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/zJahlKPCL9g?autoplay=0&modestbranding=1&theme=light"
frameborder="0" allowfullscreen>
</iframe>
<hr>
<a href="//www.youtube.com/embed/zJahlKPCL9g#t=25" target="yt">
<img src="http://img.youtube.com/vi/zJahlKPCL9g/1.jpg" class="img-rounded alt="">
</a>
<img src="http://img.youtube.com/vi/zJahlKPCL9g/2.jpg" class="img-rounded alt="">
<img src="http://img.youtube.com/vi/zJahlKPCL9g/3.jpg" class="img-rounded alt="">
<hr>
</p>
