html - 来自与 youtube 不同的来源的视频进入花式盒

Question

谁能告诉我如何将此视频嵌入到 fancybox 弹出窗口中？ 视频:http://www.tm-tube.com/video/28199/XTA+-+WAR+4+-+THC+VS+3DMAX+-+R3

网站:http://thc-racing.ucoz.com/index/gallery/0-9 下:玩得开心!我想用上面链接中的视频替换该图像。

这可能吗？ 谢谢!

Answer 1

首先，访问TMTube 并获取视频的嵌入代码。

其次，使用Fancybox doc中描述的Inline content方式:

<a class="fancybox" id="inline" href="#video">This shows your video</a>
<div style="display:none">
    <div id="video">
         <script type="text/javascript" src="http://www.tm-tube.com/js/embed.js.php?id=28199"></script>
         <noscript><object type="application/x-shockwave-flash" data="http://www.tm-tube.com/vimp.swf?playlistmode=media&amp;mediaid=28199&amp;webtv=false&amp;hosturl=http%3A%2F%2Fwww.tm-tube.com%2Fflashcomm.php" id="flashcontent_511cc6b591bcf" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" name="c6a80378-3eb2-47e7-8415-ba1f7cff037e" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="480" height="270" align="middle"><param name="movie" value="http://www.tm-tube.com/vimp.swf?playlistmode=media&amp;mediaid=28199&amp;webtv=false&amp;hosturl=http%3A%2F%2Fwww.tm-tube.com%2Fflashcomm.php" /><param name="width" value="480" /><param name="height" value="270" /><param name="align" value="middle" /><param name="quality" value="high" /><param name="allowscriptaccess" value="always" /></object></noscript>
    </div>
</div>

工作 jsFiddle .