javascript - 单击缩略图，然后单击 youtube 视频

Question

• 请帮我制作这个视频，你查看链接http://sawareru.jp/
• 我想做和这个视频盒一样的。你能给我一些代码的js吗？
• 说明：第一个视频框有一个缩略图，当点击这个缩略图时显示视频'youtube，当停止视频时再次显示缩略图。

Answer 1

如果你想在自己的 html 页面上播放视频，你可以这样做。

<iframe width="420" height="345"
src="http://www.youtube.com/embed/SPbBdqqcsFY">
</iframe>

或者

<embed
width="420" height="345"
src="http://www.youtube.com/v/SPbBdqqcsFY"
type="application/x-shockwave-flash">
</embed>

覆盖我建议您制作一个 Jquery，例如：

<div id="overlay">Click to watch video</div>


$("#overlay").click(function () {
    $(this).html(your stuff goes here)
});