player center

/*Logo Video*/
.logo-player{position:absolute;right:3px;z-index:9;top:3px;padding:5px 5px 0;background:transparent;opacity: 0.5;}
.logo-player img{width:75px;height:32px;}

/*Tatden baoloi*/
.tat-batden,.baoloi{float:right}
.likefb{float:left}
.add-on-right{float:right}
.tat-batden,.baoloi{display:block;color:#fff;font-size:13px;background:#222;padding:7px 14px;border-radius:3px;margin:7px 7px 0 0;font: 13px Roboto,sans-serif;}
.tat-batden:hover,.baoloi:hover{background:#57aa16;color:#fff}

/*responsivevideo and lightoff */
.video-container{position:relative;padding-bottom:56.25%}
.video-container iframe{position:absolute;top:0;width:100%;height:100%}
.turn-off{cursor:pointer;outline:none;border:none;padding:0;background:transparent;font-size: 15px;}
.dim-overlay{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10;background-color:#131313}
.dim-overlay .turn-on{cursor:pointer;outline:none;border:none;padding:0;background:url(https://www.blogger.com/img/lightbox/lightbox_sprite.gif) no-repeat;width:20px;height:20px;top:5px;right:5px;position:absolute;z-index:100}
.dim-overlay.hidden{display:none}
.centered{position:fixed;z-index:101;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;width:100%}

#lightsVideo {
position:relative;
z-index:102;
}
/* Playvideo */
#switch {
max-width:100%;
text-align:left;
position:relative;
height:25px;
display:block;
margin: 10px 0 15px 20px;
}
#switch a{font-weight: 700;}
a.lightSwitcher:active{background:red;border-radius:10%;}
.active:focus
{
border-radius:10%
-moz-box-shadow:0 0 1px #808451;
-webkit-box-shadow:0 0 1px #808451;
box-shadow:0 0 1px #808451;
}
.lightSwitcher {
position:absolute;
z-index:101;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz9oqDMqu-EnsQcOlNsu8BUY2wqBmuguiAf7lTL6BRmhwSMgWDAXi0rzSoKYPC1g-Yk4PKIxptV4YqFqoK90WTgR92ui0ql21Iv-R2t5LAZLsSi3ff5NO5e-Cw_byy1PxUaInknoK556eI/s1600/lights-on.png);
background-repeat:no-repeat;
background-position:left;
padding: 0 0 0 20px;
outline:none;
text-decoration:none;
}
.lightSwitcher:hover {}
.turnedOff {
color:#ffff00 !important;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ0CcXazW2lk9nzLDU2jwBTVCNH8vBIgkiCfiwHPhef-r9qmkF4vKfDAXDxCDbe-jQ9ig_YPmgZ2azzySy0VEo-T78Cy9FyZ9w2cHPWD7nx0mNKXBsNjlt3Gjte4XDyltCVjtMRfYxu50u/s1600/lights-off.png);
}
#lightsoff {
background:#000;
opacity:1;
filter:alpha(opacity=90);
position:absolute;
left:0;
top:0;
width:100%;
z-index:100;
}

.switcher{position:fixed;top:50%;right:0;z-index:999999999;background-color:#FFF;margin-right:-200px;margin-top:-207.5px;color:#444}.switchom{background-color:#FFF;height:40px;width:40px;display:block;line-height:40px;text-align:center;font-size:20px;border-radius:5px 0 0 5px;position:absolute;left:-40px;box-shadow:0 0 2px #aaa}.contsho{width:200px;height:300px;padding:20px;box-shadow:0 0 2px #888}.contsho .layout-width a{color:#B8B8B8;display:block;padding:5px;font-size:12px;display:inline-block;background-color:#EEE;width:45%;text-align:center;margin-right:10px;font-family:Raleway,Tahoma}.contsho .layout-width a:last-child{margin-right:0}.layout-width,.bground{margin-bottom:15px;overflow:hidden}.contsho a.full{margin-bottom:0}.contsho h3{margin-bottom:10px;font-size:15px;font-weight:700}.contsho h3 span{color:#F44336}.contsho a:hover{background-color:#F44336;color:#fff}.bground a{width:30px;margin-right:10px;margin-bottom:10px;height:30px;display:inline-block;float:left;overflow:hidden;background-color:#FFF;border:1px solid #EEE;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicSqaguQN8d6Gz-6h9mCZzNc2GXG97IoCOBCpd20ObOg9gKtn7D_5HKzr1RPD1eTgUn8hkuILC4Z6HNVWwRwN5zTJtg55q_wWj4RXc81wFBHJsUhsYrV6cdMDBjp-Rf1SStvKE0_zhTvU/s1600/bground.png)}.bground a img{width:100%;height:30px;background:#fff}.colorom a{width:33px;height:32px;border: 3px solid #222;line-height:0;margin:0 7px 7px 0;display:block;float:left;background-color:#555}a.switchom.close:before {font-family: FontAwesome;content: "\f0a5";}a.switchom.opend:before {font-family: FontAwesome;content: "\f0a4";}

/*Tatden baoloi*/
.tat-batden,.baoloi{float:left}
.add-on-right{float:right}
.tat-batden,.baoloi{display:block;color:#fff;font-size:13px;background:#222;padding:7px 14px;border-radius:3px;margin:7px 7px 0 0;font: 13px Roboto,sans-serif;}
.tat-batden:hover,.baoloi:hover{background:#57aa16;color:#fff}
.bat-den{display:none;background:#000;height:100%;left:0;opacity:.9;position:fixed;top:0;width:100%;z-index:2;cursor:pointer}
@media screen and (max-width: 425px) {.tat-batden, .baoloi {padding:5px 12px;margin:10px 7px 0 0;}}
@media screen and (max-width: 414px) {.tat-batden, .baoloi {padding:5px 7px;margin:10px 7px 0 0;}}
@media screen and (max-width: 412px) {.tat-batden, .baoloi {padding:5px 7px;margin:10px 7px 0 0;}}
@media screen and (max-width: 375px) {.tat-batden, .baoloi {padding: 5px 9px;margin: 8px 7px 0 0;}}

.video-player{position:relative;padding-bottom:56.25%}
.video-player iframe{position:absolute;top:0;width:100%;height:100%;border:0}
.fixed-iframe{z-index:99;position:fixed !important;right:0;bottom:0;top:inherit !important;width:406px !important;height:228px !important}
#clip-iframe b,#clip-iframe img,#clip-summary img,#clip-summary iframe,#clip-summary br{display:none}
.hide-fixed-iframe{position:fixed;right:0;bottom:50%}
@media (max-width:1024px){.fixed-iframe{display:none!important}}

</style>

<div class='add-on-right'>
<a class='baoloi' href='javascript:void(0)'><i aria-hidden='true' class='fa fa-frown-o'/> Error</a>
<a class='turn-off tat-batden' href='javascript:void(0)' onclick='return _sangtoi()'><i class='fa fa-moon-o'/> Light</a>
</div>

<script>//<![CDATA[
$('.turn-off').on('click', function() {
  $('body').css('overflow', 'hidden')
  $('.dim-overlay').removeClass('hidden')
  $('.video-player').addClass('centered')
  $('.dim-overlay,.turn-on').click(function() {
    $('body').css('overflow', '')
    $('.dim-overlay').addClass('hidden')
    $('.video-player').removeClass('centered')
  })
})
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    events: {
      'onReady': onPlayerReady
    }
  });
}
function onPlayerReady(event) {
  event.target.playVideo();
}
//]]></script>