Fancybox как выключить autoplay youtube видео?

Question

[DIVSIDE]

Привет. Использую fancybox для модалок, не могу нигде найти как отключить автовоспроизведение youtube видео. Подскажите кто знает? Как я понял, то fancybox сам добавляет к ссылке видео параметр &autoplay=1 (а может и нет...), но опять же - нигде не нашел как пофиксить. Тут уже был вопрос на эту тему, но решение не помогает + там про обычное html5 видео, а не youtube фрейм. В документации никаких параметров нет на эту тему.

Пример:


codepen в песке как-то "глушит" автоматическое включение, но на локалке и на своём хосте видео проигрывается сразу как откроется попап. Это видно если открыть напрямую - https://cdpn.io/divside/fullpage/KKjwPLB?nocache=t...

Comments

[Wispik]

https://fancyapps.com/fancybox/plugins/html/#youtube
Судя по докам, вот такой код должен работать:

Fancybox.bind("[data-fancybox]", {
  Html: {
    iframeAttr : {
            allow: "fullscreen"
          },
    youtube: {
      autoplay: 0
    } 
  }
});

Он у iframe убирает разрешение на автоплей и у ютуба к ссылке добавляет autoplay=0
Но почему-то это не работает, все равно видео воспроизводится

[DIVSIDE]

Wispik, Конкретно это работает, но видео сначала моргает... Да, я тоже читал там по докам. По логике должно работать просто

Fancybox.bind('[data-fancybox]', {
    Html: {
        youtube: {
            autoplay: 0,
            controls: 1,
            rel: 0,
            fs: 0
        }
    }
});

но ему пофиг...
Т.е все параметры работают, кроме autoplay... Не понимаю. Fancybox сам ссылкается на доку гугла, но опять же - не работает

[Wispik]

DIVSIDE, я его на твоём кодпене попробовал, автоплей не исчез.
Ответ добавил

[DIVSIDE]

Wispik, А глянь тут?
https://cdpn.io/divside/fullpage/KKjwPLB?nocache=t...

[Wispik]

DIVSIDE, в хроме и в файрфоксе автоплей работает

[Wispik]

DIVSIDE, при чем не пойму, в чем проблема. У меня есть мой сайт, где просто видео с ютуба встроено с autoplay=0 и все норм. Тут либо проблема, что фэнсибокс подгружает iframe и начинается воспроизведение, либо это из-за codepen

[DIVSIDE]

Wispik, а у меня с этим кодом нет.. лол. Но видео прыгает чутка. Будто фоейм перезагружается

[DIVSIDE]

Wispik, у фрейма там в url должна быть настройка autoplay=1. Но изначально её нет. Т.е надо включать. Но фенси сам её добавляет даже если ты ему ссылку с нулем скормишь.

[ProjectSoft]

DIVSIDE,

Fancybox.bind('[data-fancybox]', {
	Html : {
		videoAutoplay:false,
		youtube: {
			controls: 0,
			rel: 0,
			fs: 0
		}
	}
});

Всё в исходном коде https://github.com/fancyapps/ui/blob/main/types/Fa...

[DIVSIDE]

ProjectSoft, это для прямого html5 видео, а мы тут про ютуб вставку говорим)

[ProjectSoft]

DIVSIDE, ну если не хотите тестировать, то и флаг вам в руки )))
А я сначала протестировал, а уж потом сюда написал.
Именно этот параметр остановил автоплей.
Ссылка доступна до завтрашнего утра.

[DIVSIDE]

ProjectSoft, Затестил, да, работает.. Что конечно странно. В документации ровным счетом наоборот написано, а по факту... Спасибо!

бахни в ответ, выберу

[ProjectSoft]

DIVSIDE, ну вот и отлично! )))

Answer 1

[Wispik]

https://fancyapps.com/fancybox/plugins/html/#youtube
Судя по докам, вот такой код должен работать:

Fancybox.bind("[data-fancybox]", {
  Html: {
    iframeAttr : {
            allow: "fullscreen"
          },
    youtube: {
      autoplay: 0
    } 
  }
});

Он у iframe убирает разрешение на автоплей и у ютуба к ссылке добавляет autoplay=0

Comments

[DIVSIDE]

Оказалось что работает это

Fancybox.bind('[data-fancybox]', {
	Html : {
		videoAutoplay:false,
		youtube: {
			controls: 0,
			rel: 0,
			fs: 0
		}
	}
});

Выше в комментариях есть. Но ваш код тоже работает. Спасибо!