https://www.freshmackerel.com/templates/rwd/assets/js/video.js

1var tag = document.createElement('script');
2
3tag.src = "https://www.youtube.com/iframe_api";
4var firstScriptTag = document.getElementsByTagName('script')[0];
5firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
6
7var player;
8
9$(function(){
10  $(".playBtn").on('click', function(event) {
11    event.preventDefault();
12
13    $("#playerVideo").removeClass('hide');
14    $("#playerImg").addClass('hide');
15    player.playVideo();
16  });
17})
18
19function onYouTubeIframeAPIReady() {
20  player = new YT.Player('playerVideo', {
21    height: '100%',
22    width: '100%',
23    videoId: $(".playBtn").attr("href"),
24    events: {
25      'onStateChange': onPlayerStateChange
26    }
27  });
28}
29
30function onPlayerReady(event) {
31  event.target.playVideo();
32}
33
34function onPlayerStateChange(event) {
35  if(event.data == YT.PlayerState.ENDED){
36    $("#playerVideo").addClass('hide');
37    $("#playerImg").removeClass('hide');
38  }
39}
40
41function stopVideo() {
42  player.stopVideo();
43}