2009-09-15 167 views
0

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

+1

这个问题的答案几乎任何编程问题,开始“难道......”是肯定的。棘手的位通常是“我该怎么做”。 – 2009-09-15 16:15:01

+0

感谢您的建议。 – TheOne 2009-09-15 16:18:13

回答

4

是的,实际上这是一种经常使用的方法。您从带有播放按钮叠加层的图像开始。点击时,图像元素被替换为播放视频的闪光灯元素。

也许类似以下内容:

<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> 
+0

是的,这样做的方法是什么? :) – TheOne 2009-09-15 16:13:36

+1

您可以使用ffmpeg从源视频中提取单个帧。我会使用jQuery进行DOM操作。你在寻找代码吗? – 2009-09-15 16:17:14

+0

是的代码示例会很棒。 – TheOne 2009-09-15 16:20:46