Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
FancyBox Youtube
<a href="#" data-toggle="modal" data-target="#mine-performance">VIDEO</a>
<div class="modal fade video-modal" id="mine-performance" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<iframe width="100%" height="507" src="//;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
$(document).ready(function () {
<script src="//"></script>
<script src=""></script>
<script src=""></script>
.video-modal .modal-body {
padding: 0;
.video-modal .modal-body iframe {
border: 0 none;
margin: 0 0 -6px;
.video-modal .modal-content {
border-radius: 0;
.video-modal .close {
background-color: #000000 !important;
border: 2px solid #ffffff !important;
border-radius: 13px;
color: white;
font-size: 20px;
height: 26px;
opacity: 1;
position: absolute;
right: -13px;
text-shadow: none;
top: -13px;
width: 26px;
<link href="" rel="stylesheet" />
<link href="" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment