Как воспроизвести youtube плеер на кликe по картинке?

Question

[RobinB]

<div class="video-about">
<iframe src="http://www.youtube.com/embed/a75wEpgbzk4" frameborder="0" allowfullscreen id="myvideo"></iframe>
<img src="img/video.jpg" alt="" class="video-img wow fadeInUp" onclick="play()">
<div class="button-video"></div>
</div>

Плеер лежит слоем ниже чем картинка, и есть кнопка при нажатии на которую плеер должен становится слоем выше и включаться.

var player = document.getElementById("myvideo");

    function play() {
	    if(player) {
	        player.playVideo();
	    }
	}

	$(".button-video").on("click",function(){
		$(".video-about iframe").addClass("act");
		$("ytp-large-play-button.html5-center-overlay.ytp-scalable-icon-shrink").click();
	});

Вот этот JS не работает.

Answer 1

[jlekapb]

function onPlayerReady(event) {
  $('img').click(
     function(){ 
        ytPlayer.playVideo();
     }
});

Comments

[RobinB]

не работает(

[jlekapb]

RobinB: можно так: jsfiddle.net/v1L2r770/1