Загрузка флеш видео в div с помощью ajax

Question

У меня есть клиент, который хочет иметь возможность выбирать из списка воспроизведения миниатюры видео, и он заменяет видео, которое уже есть на странице. Мне также нужно следить за временем загрузки, поэтому подумал, что было бы лучше запрашивать каждое видео, если и когда оно щелкает с помощью ajax? Я новичок в ajax, поэтому не уверен, что это лучший вариант.

Моя страница выглядит следующим образом:

<div id="container">
<div id="video">
</div>
<div id="videoSelector">
</div>
</div>

В элементе videoSelector будут миниатюры, по которым пользователь будет щелкать, и видео будет загружено в раздел видео.

Любая помощь будет отличной

Спасибо

Answer 1

Вам не нужен AJAX для достижения этой функциональности. Вы можете сделать что-то вроде:

<script>
 function changeVideo(filename) {
 document.getElementById('video').innerHTML = 'CODE DEPENDING ON PLAYER'+filename+'REMAINING CODE';
}
</script>
<div id="video"></div>
<div id="videoSelector">
<a href="javascript:void();" onclick="javascript:changeVideo('filename');">Thumbnail 1</a>
<a href="javascript:void();" onclick="javascript:changeVideo('filename2');">Thumbnail 2</a>
<a href="javascript:void();" onclick="javascript:changeVideo('filename3');">Thumbnail 3</a>
</div>

Что-то простое, как указано выше. Вы можете определенно улучшить вышеупомянутое, используя селекторы классов, jQuery и т. Д. Но я надеюсь, что это начало.

Answer 2

Если вы используете jQuery, из jQuery Tools мигает .

Если вы не в jQuery, есть более популярный инструмент для встраивания Flash SWFObject .

Оба очень просты в использовании, и на их веб-сайте есть много примеров.