拍摄Flash视频的快照

时间:2009-09-15 16:09:30

标签: javascript flash

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

1 个答案:

答案 0 :(得分:4)

是的,事实上这是一种经常使用的方法。首先是带有播放按钮叠加层的图像。单击它时,图像元素将替换为播放视频的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>