[rognarek]

При нажатии на картинку воспроизводиться видео.
После окончания видео я опять загружаю постер.
Но когда повторно на картинку нажимаю, то видео не играет (((

<div class="fullscreen-bg">
	<img onclick="playClip(myVideo);" id="im_but" class="fullscreen-bg__video"  src="../images/bg_glavnaya.png" style="position:absolute; z-index:1000; left:0; top:0;"/>
		<video id="video_main" class="fullscreen-bg__video video-js vjs-default-skin" preload="none" width="100%" poster="../images/FON_GLAV.jpg" data-setup="{}">
			<source src="../08/SOS_GLAVNAYA.mp4" type='video/mp4' />
			<source src="../08/SOS_GLAVNAYA.webm" type='video/webm' />
		</video>
	
</div>

вот js

var myVideo = document.getElementById("video_main");
function playClip(media) {
  media.play();
  document.getElementById('im_but').style.display = "none";
}
var myVideo_ = document.getElementById("video_main");
myVideo.onended = function() {
	document.getElementById('im_but').style.display = "block";
	myVideo.poster = "http://vcinema.pro/images/FON_GLAV.jpg";
};
var myVideo = document.getElementById('video_main');
myVideo.addEventListener("ended", function (){
    this.src = this.src;
});

не бейте тапками за грязный код, не могу понять, как один раз переменную задать, чтобы она глобальной была. Пришлось несколько раз, знаю, что не правильно. Но я еще почитаю об этом.
Помогите, пожалуйста, с тем, чтобы когда второй раз нажимаешь на картинку, то видео проигрывалось. Причем стиль применяется (display=none). Наверно надо что-то прописать к событию addEventListener?