Embed youtube videos

[kkvarghese]

USING THE FOLLOWING SETTINGS EVERYTHING (BUT EXCEPT TWO THINGS) WORKING

1. PAGER NOT VISIBLE

2. THE SLIDE CONTINUOUSLY MOVES WHILE VIDEO EVEN PLAYING

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://malsup.github.io/min/jquery.cycle2.min.js"></script> <script src="https://www.youtube.com/iframe_api"></script> <script src="http://malsup.github.io/jquery.cycle2.video.js"></script>

.cycle-pager {
text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span {
font-family: arial; font-size: 50px; width: 16px; height: 16px;
display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

`

<a href="https://www.youtube.com/embed/tgbNymZ7vqY">1</a>
<a href="https://www.youtube.com/embed/tgbNymZ7vqY">2</a>

<<Prev Next>>

`