Html 如何让视频标签与fanxybox一起使用？

我想用HTML5

标签和fancybox播放视频，链接指向youtube视频

这是到目前为止我的代码

<video width="480" height="270" controls="controls" poster="../images/youtube-logo.png">
  <source src="http://o-o---preferred---sn-5hn7snl7---v12---lscache8.c.youtube.com/videoplayback?upn=paJG2CcEhGw&amp;sparams=cp%2Cgcr%2Cid%2Cip%2Cipbits%2Citag%2Cratebypass%2Csource%2Cupn%2Cexpire&amp;fexp=906356%2C910014%2C914093%2C922401%2C920704%2C912806%2C927201%2C922403%2C925003%2C913546%2C913556%2C916805%2C920201%2C901451&amp;ms=au&amp;expire=1352949266&amp;itag=46&amp;ipbits=8&amp;gcr=nl&amp;sver=3&amp;ratebypass=yes&amp;mt=1352923510&amp;ip=83.83.121.109&amp;mv=m&amp;source=youtube&amp;key=yt1&amp;cp=U0hUR1lPV19LUENONF9RSUFDOjBkVU41a1M4UEVp&amp;id=d72f1d6250563a1e&amp;signature=6C5130076CA770F67B4C797191BC0997EA040B74.10D3AEAA60E7AE1CF1D49DACF7178F3FCBBD56AE" type="video/mp4">
  <source src="http://o-o---preferred---sn-5hn7snl7---v12---lscache8.c.youtube.com/videoplayback?upn=paJG2CcEhGw&amp;sparams=cp%2Cgcr%2Cid%2Cip%2Cipbits%2Citag%2Cratebypass%2Csource%2Cupn%2Cexpire&amp;fexp=906356%2C910014%2C914093%2C922401%2C920704%2C912806%2C927201%2C922403%2C925003%2C913546%2C913556%2C916805%2C920201%2C901451&amp;ms=au&amp;expire=1352949266&amp;itag=46&amp;ipbits=8&amp;gcr=nl&amp;sver=3&amp;ratebypass=yes&amp;mt=1352923510&amp;ip=83.83.121.109&amp;mv=m&amp;source=youtube&amp;key=yt1&amp;cp=U0hUR1lPV19LUENONF9RSUFDOjBkVU41a1M4UEVp&amp;id=d72f1d6250563a1e&amp;signature=6C5130076CA770F67B4C797191BC0997EA040B74.10D3AEAA60E7AE1CF1D49DACF7178F3FCBBD56AE" type="video/ogg">
  <source src="http://o-o---preferred---sn-5hn7snl7---v12---lscache8.c.youtube.com/videoplayback?upn=paJG2CcEhGw&amp;sparams=cp%2Cgcr%2Cid%2Cip%2Cipbits%2Citag%2Cratebypass%2Csource%2Cupn%2Cexpire&amp;fexp=906356%2C910014%2C914093%2C922401%2C920704%2C912806%2C927201%2C922403%2C925003%2C913546%2C913556%2C916805%2C920201%2C901451&amp;ms=au&amp;expire=1352949266&amp;itag=46&amp;ipbits=8&amp;gcr=nl&amp;sver=3&amp;ratebypass=yes&amp;mt=1352923510&amp;ip=83.83.121.109&amp;mv=m&amp;source=youtube&amp;key=yt1&amp;cp=U0hUR1lPV19LUENONF9RSUFDOjBkVU41a1M4UEVp&amp;id=d72f1d6250563a1e&amp;signature=6C5130076CA770F67B4C797191BC0997EA040B74.10D3AEAA60E7AE1CF1D49DACF7178F3FCBBD56AE" type="video/webm">
Your browser does not support the video tag.
<iframe width="480" height="270" type="application/x-shockwave-flash"
src="http://www.youtube.com/embed/1y8dYlBWOh4?wmode=opaque">
</iframe>
</video>

您的浏览器不支持视频标记。

如您所见，我还添加了一个

iframe

标记以支持较旧的浏览器。

但是经过一些调整后，我无法让fancybox打开视频标签中任何视频中的所有内容

---

提前谢谢

YouTube的直接链接是“刷新”的，尽管它们在第二天起作用，但它们不再起作用，因为链接是“断开”的。

在html5中播放youtube视频的最佳方式如下

<iframe width="480" height="270"
src="http://www.youtube.com/embed/1y8dYlBWOh4?html5=1">
</iframe>

---

html5=1

告诉Youtube使用html5播放视频，而不是flash

看起来你的视频一开始是不可访问的-你无法打开它们，因为它们不可访问found@ZoltanToth. 它们是Youtube视频的直接链接，我在Firefox/chrome/opera下进行了测试。它成功了，视频播放了！