Сделайте снимки флеш-роликов

Question

Как связать снимки встроенных флеш-роликов вместо фактических видеороликов, чтобы уменьшить время загрузки сайта?

Answer 1

Да, и фактически это метод, который часто используется. Вы начинаете с изображения с наложением кнопки воспроизведения. Когда он щелкнут, элемент изображения заменяется элементом вспышки, который воспроизводит видео.

Возможно, что-то вроде следующего:

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