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

#javascript #jquery #video #youtube

#javascript #jquery #Видео #YouTube

Вопрос:

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

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

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

ОДНАКО:

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

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

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

Ответ №1:

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

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

Ответ №2:

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