Javascript “如何使用youtube视频作为源”；“视频”；HTML5中的标签

我需要将YouTube视频作为HTML5中视频标签的源，一旦视频播放完毕，我将启动“oneded”事件，并编写某种脚本运行

<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>

函数hideVideo（）{
document.getElementById（“videoSource”）.style.visibility=“hidden”；
}

---

这里所有的工作与本地视频文件，唯一的事情是我需要给一个YouTube视频作为一个来源，它不工作，所以请任何人都知道这帮助我。

Html5不支持YouTube url，如果你需要一个视频src为你的网站，你可以做：

步骤1：将

&html5=True

添加到您最喜爱的youtube url

步骤2：在源代码中查找

标记

步骤3：将

controls=“controls”

添加到视频标签：

例如：

<video controls="controls" 
       class="video-stream" 
       x-webkit-airplay="allow" 
       data-youtube-id="N9oxmRT2YWw" 
       src="http://v20.lscache8.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hPRVRMVV9FSkNOOV9MRllD&amp;itag=43&amp;ipbits=0&amp;signature=D2BCBE2F115E68C5FF97673F1D797F3C3E3BFB99.59252109C7D2B995A8D51A461FF9A6264879948E&amp;sver=3&amp;ratebypass=yes&amp;expire=1300417200&amp;key=yt1&amp;ip=0.0.0.0&amp;id=37da319914f6616c"></video>

注意，似乎有一些

过期
的东西。我不知道
src
字符串能工作多久

还在考验我自己

请注意，此视频src特定于用于检索页面源的浏览器。我认为Youtube动态生成这个HTML（至少目前是如此），所以在测试中，如果我在Firefox中复制，它在Firefox中可以工作，但在Chrome中不起作用。
谢谢你的回答..Youtube.com/watch？v=wKJ9KzGQq0w&html5=true“>我已经尝试了上述代码，但它不显示视频..它显示“X”标记。。