2009-09-15 256 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