Fancybox YouTube - PullRequest
       21

Fancybox YouTube

0 голосов
/ 12 февраля 2012

Я пытаюсь получить фантастическое видео YouTube, чтобы начать примерно 12 минут в видео. Может ли кто-нибудь помочь мне в достижении этого? Независимо от того, что я пробовал, так как я новичок, я не могу запустить видео там, где я хочу.

Ответы [ 2 ]

3 голосов
/ 13 февраля 2012

Я предполагаю, что вам уже удалось показать видео в fancybox, и вы просто хотите выбрать время начала в 12 минут, не так ли?

Если это так, в URL видео на YouTube просто добавьте в конце #t=12m00s (время в минутах и ​​секундах), например

http://www.youtube.com/watch?v=JaFVr_cJJIY#t=12m00s

Вы также можете использовать этот формат

http://www.youtube.com/v/JaFVr_cJJIY&autoplay=1#t=12m00s
2 голосов
/ 11 сентября 2012

Если вы используете последнюю версию Fancybox (2+), YouTube и Vimeo теперь распознаются и обрабатываются довольно хорошо.

Однако потребовалось некоторое время, чтобы выяснить это, поскольку большая часть документации находится на Fancybox 1.

Fancybox удаляет URL-адрес вашего YouTube и добавляет некоторые параметры по умолчанию:

  • autoplay = 1 (видео будет воспроизводиться автоматически)
  • autohide = 1 (управление будет скрыто после воспроизведения видео)
  • fs =1 (полноэкранный режим включен)
  • rel = 0 (связанные видео скрыты)
  • hd = 1 (воспроизведение HD включено)
  • wmode = opaque (исправляет z-index для YouTube и лайтбоксов)
  • enablejsapi = 1 (включает Javascript API)

Что это означает, что обычно вы можете передавать эти параметры в своем URL и применять их, но Fancybox 2 игнорирует их и возвращается к предустановленным значениям.

Не смущайте!Вы можете переопределить их в своем скрипте.Несколько способов.

Обычное встраивание носителя:

  $(".fancybox").fancybox({
      helpers : {
          media: true
      }
  });

Метод пользовательских параметров URL 1:

  $(".fancybox").fancybox({
      helpers : {
          media: {
              youtube : {
                  params : {
                      autoplay : 0
                  }
              }
          }
      }
  });

Метод пользовательских параметров URL 2:

  $(".fancybox").fancybox({,
       helpers : {
          media: true
      },
      youtube : {
          autoplay: 0
      }
  });

Для вашей проблемы вы хотите передать этот параметр:

$ (". Fancybox"). Fancybox ({,помощники: {media: true}, youtube: {start: 720}});

...