从带有YouTube视频的JPG切换

Question

我在DIV内的网页上有一个940x520px JPG，我想把它作为一个链接，所以当你点击它时，940x520px的YouTube视频会取代JPG并自动开始播放。

使用Javascript实现此功能的最佳方式是什么？

由于

Answer 1

使用onClick（或click如果您使用的是jQuery）将图像替换为嵌入式YouTube播放器的代码。

Answer 2

<div class="image">
    <img class="img" />
</div>
<div class="youtube" style="display:none;">
    <!--Youtube code here-->
</div>

<script>
    $(document).ready(function () {
        $(".img").click(function () {
            $(".image").hide();
            $(".youtube").show();
        });
    });
</script>