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

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>