javascript - 拍摄 Flash 视频快照

Question

如何链接到嵌入 Flash 视频的快照而不是实际的 Flash 视频，以减少网站的加载时间？

Answer 1

是的，事实上这是一种经常使用的方法。您从带有播放按钮覆盖层的图像开始。单击后，图像元素将替换为播放视频的 Flash 元素。

也许是这样的:

<script>
$(function () {
    $("img.thumbnail").click(function (e) {
        $(e.parentNode).addClass("play");
    });
});
</script>

<style>
.toggler .player { display: none; }
.toggler.play .player { display: block }
.toggler.play .thumbnail { display: none }
</style>

<div class="toggler">
    <img class="thumbnail" src="thumbnail.jpg">
    <div class="player">
        <!-- embed your player here -->
    </div>
</div>