Расширение видеопотока, например, CNN-сайт, предварительный jQuery

Question

Мне интересно, знает ли кто-нибудь о скрипте/плагине, основанном на jQuery или иным образом, который может быть использован для достижения эффекта, который можно найти на CNN.com. Я говорю о видеороликах, которые представляются маленьким миниатюрным изображением, когда при нажатии открывается текст и воспроизводится.

Я ни в коем случае не JS-гуру, а я и вспышка - не самый лучший из друзей, но я не полностью cluess.

По существу, то, что искал, - это способ щелкнуть миниатюру, развернуть swf и остановить ее, если я справлю ее снова. что-то вроде того.

ЛЮБЫЕ идеи, советы или идеи приветствуются!

Answer 1

Простой подход был бы заменить содержание div с флэш-видео при нажатии:

HTML

<div id="video-001"> 
    <img src="video-thumb.jpg" /> 
</div> 

JQuery

$('#video-001').toggle(function() { 
    $(this).html('<object whatevergoeshere...></object>'); 
}, function() { 
    $(this).html('<img src="video-thumb.jpg" />'); 
}); 

Это простой например, но его можно улучшить, возможно, вставив изображение в качестве фона div, сохраняя код в кэше элемента (с .data()), добавив событие щелчка ко всему div с определенным классом ...

Надеется, что это помогает :)