<div class="row">
<div class="span3">
<ul class="modal-menu">
<li class="bibliotheque-link"><a data-type-media="video" data-title="Bibliothèque" class="btn open-modal" href="modal-bibliotheque-video.html"><i class="icon-folder-open"></i> Bibliothèque</a></li>
<li><a class="btn active" tabindex="-1" href="#"><i class="icon-plus-sign"></i> Ajouter une video</a></li>
</ul>
</div>
<div class="span8 offset1 popup-content">
<form class="row" action="#" method="post">
<h4 class="span8">Informations sur la vidéo</h4>
<div class="span4">
<label for="title-media-video">Titre :</label>
<input type="text" id="title-media-video" name="">
<label for="description-title-media">Description :</label>
<textarea name="" id="description-title-media"></textarea>
</div>
<div class="span4">
<label for="">Durée de la vidéo :</label>
<div class="select-duration">
<input pattern="[0-9]*" name="" type="text" id="video-hour" class="number-spin span1" value="1">
<label for="video-hour">H</label>
<input pattern="[0-9]*" name="" type="text" id="video-minute" class="number-spin span1" value="1">
<label for="video-minute">M</label>
<input pattern="[0-9]*" name="" type="text" id="video-seconde" class="number-spin span1" value="1">
<label for="video-seconde">S</label>
</div>
<label for="">Vignette de la vidéo :</label>
<input type="file">
</div>
<div class="span8">
<h4>Source de la vidéo</h4>
<label for="">URL de la vidéo :</label>
<input type="text" class="input-xxlarge" placeholder="http://youtu.be">
<div class="control-group">
<div class="controls">
<a href="#" class="btn-cancel btn btn-inverse"><i class="icon-reply" data-dismiss="modal" aria-hidden="true"></i> Annuler</a>
<button type="submit" class="btn btn-success"><i class="icon-save"></i> Sauvegarder</button>
</div>
</div>
</div>
</form>
</div>
</div>
<script type="text/javascript">
$('.select-duration .number-spin').spin({
imageBasePath :'lib/spin/img/',
max:60,
min:0
});
</script>