Нужная часть в общем вот
<div id="play">
<iframe width="500" height="426" id="Video5" class="background-video-my"
src="https://www.youtube.com/embed/JHz3pPoHDl4?rel=0&showinfo=0&controls=2&start=2&autoplay=1&modestbranding=1&enablejsapi=1" frameborder="0" allowfullscreen></iframe>
</div>
<script src="//www.youtube.com/player_api"></script>
<script type="text/javascript">
function onYouTubePlayerAPIReady() {
player = new YT.Player('Video5', {
events: {
'onReady': vidplay}
});
}
function vidplay() {
var video = document.getElementById("Video5");
var button = document.getElementById("play");
if ( $("#play").hasClass("play")) {
button.addEventListener("click", function() {player.playVideo();});
button.addEventListener("click", function() {
button.className += " pause";
jQuery(button).removeClass('play');});
} else {
button.addEventListener("click", function() {player.pauseVideo();});
button.addEventListener("click", function() {
button.className += " play";
jQuery(button).removeClass('pause');});
}
}
</script>