test zowja

ta9a lowla
hada bo9 b:skin
.nak1ha .Nak1haText {
margin: auto;
}
a.RcloseNak1ha:hover {
color: #555;
}
a.closeNak1ha {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
margin-right: 7px;
color: #888;
display: block;
}
.Nak1habox {
width: 35%;
margin: auto;
position: relative;
height: 240px;
background: #fff;
box-shadow: 0 0 19px 3px rgba(0, 0, 0, 0.33);
text-align: center;
display: flex;
flex-direction: column;
}
.nak1ha {
display: flex;
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.53);
z-index: 99999999;
visibility:hidden;
opacity:0;
top: 0;
}
a.Nak1halink:hover {
opacity: 0.88;
}
a.Nak1halink {
background: #243750;
display: inline-block;
color: #fff;
padding: 4px 11px;
font-size: 16px;
border-radius: 3px;
margin-top: 16px;
}
.Nak1haText h5 {
font-size: 18px;
font-weight: 500;
}
.nak1ha.show {
visibility:visible;
opacity:1;
    margin: 0 -897px 0 0;
}
.nak1ha a, .nak1ha {
transition:0.35s;
}
====================
hada fo9 /head
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(".nak1ha").delay(20000).addClass("show");
  $(".closeNak1ha").click(function(){
$(".nak1ha").removeClass("show");
});
});
//]]>
</script>
===============
Html/javascript
<div class='nak1ha'>
<div class='Nak1habox'>
<a class='closeNak1ha' id="play-button" href='#'><i class='fa fa-close'/></i></a>
<div class='Nak1haText'>
  <h5>
انضم الى متابعي المدونة الأوفياء ليصلك جديد مدونتنا !</h5>
<a class='Nak1halink' href='https://goo.gl/fIuSG5' target='_blank'><i class='fa fa-user-plus'/>
إنضم الان</i></a>
</div>
</div>
</div>

==============================================
==============================================
view jacker
================================
hada fo9 el /body
<script>
//<![CDATA[
// https://developers.google.com/youtube/iframe_api_reference

// global variable for the player
var player;

// this function gets called when API is ready to use
function onYouTubePlayerAPIReady() {
  // create the global player from the specific iframe (#video)
  player = new YT.Player('video', {
    events: {
      // call this function when player is ready to use
      'onReady': onPlayerReady
    }
  });
}

function onPlayerReady(event) {
   event.target.setVolume(0);
  // bind events
  var playButton = document.getElementById("play-button");
  playButton.addEventListener("click", function() {
    player.playVideo();
  });

  var pauseButton = document.getElementById("pause-button");
  pauseButton.addEventListener("click", function() {
    player.pauseVideo();
  });

}

// Inject YouTube API script
var tag = document.createElement('script');
tag.src = "//www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
//]]>
</script>


=================
Video Link HTML/javascript widget

<h1>Pause / Play Buttons for YouTube Videos</h1>

<!-- Make sure ?enablejsapi=1 is on URL -->
<iframe id="video" src="//www.youtube.com/embed/FKWwdQu6_ok?enablejsapi=1&html5=1" frameborder="0" allowfullscreen></iframe>