Создание простого видеоплеера на YouTube с использованием JavaScript

Question

Я пытаюсь создать простой проигрыватель YouTube, используя некоторый JavaScript. Пример здесь:

http://jsfiddle.net/YX8pQ/6/

У меня есть базовая функциональность, работающая (вроде) с использованием функций щелчка для переключения видимости каждого iframe.

ОДНАКО:

1. При последовательном нажатии на каждую миниатюру загрузка фреймов становится немного глючной; иногда видео, которое вы нажимаете, не загружается, а иногда (не знаю почему!) загружается другое видео.

2. При нажатии на другую миниатюру воспроизводимые в данный момент видео продолжают загружаться.

Есть ли более элегантный / надежный способ сделать это? Это довольно простая функция, но я не могу найти лучший способ сделать эту работу.

Answer 1

Вам нужно скрыть предыдущий видеокадр, прежде чем переключать новый.Смотрите обновленный пример: http://jsfiddle.net/ampersand/YX8pQ/8/

Я создал класс vidframe для каждого iframe.Это используется в css, а также в селекторе jQuery.

Answer 2

Я знаю, что вы хотите решить проблемы, которые у вас есть с вашим видеоплеером, но в случае, если вы переосмыслите его, вы можете использовать flowplayer , это потрясающе, а также имеет потоковую передачу:)