Как использовать видео с YouTube в качестве источника в теге «video» в HTML5

Мне нужно указать видео с YouTube в качестве источника для тега видео в HTML5, как только видео завершит воспроизведение, будет запущено событие "onended", в котором я пишу какой-то сценарий, который будет запускаться.

<video id="videoSource" style="visibility:visible" width="1000" height="500" controls="controls"  onended="hideVideo()">
<source src="**Youtube Video Link Goes here**" type="video/mp4" />
</video>

<script type="text/javascript">
function hideVideo() {
document.getElementById("videoSource").style.visibility="hidden";
}
</script>

Здесь все отлично работает с локальным видеофайлом, единственное, что мне нужно предоставить видео с YouTube в качестве источника, оно не работает, поэтому, пожалуйста, кто-нибудь знает это, помогите мне. Заранее спасибо.