Каждый раз разное видео на сайте

[guram07]

Доброго времени суток. 

У меня на обычном лендинге есть видео с ютуба. Цель - чтобы каждый раз включалось разное видео(их около 10). Все видео присутствуют на канале ютуба. Я как подозреваю данный функционал возможен при вмешательстве php либо javascript. Возможно так же есть где-то готовый скрипт, выводящий целый канал на сайт и каждый раз включается разное видео с этого канала. 
В общем, прошу вас помочь мне в данном вопросе. 

Сайт - https://kvestvnore.ru/

Код видео

<div class="t347__video-container t347__hidden" data-content-popup-video-url-youtube="ZiJEJPZrkW8"> <div class="t347__video-carier"></div> [/HTML]

[klierik]

Здравствуйте.

По идее вам требуется список URLs, из которого будет пратся произвольный и использоваться в iframe.

Вот наглядный пример как такое реализуется на JavaScript:

[guram07]

В 09.06.2018 в 14:19, klierik сказал:

Здравствуйте.

По идее вам требуется список URLs, из которого будет пратся произвольный и использоваться в iframe.

Вот наглядный пример как такое реализуется на JavaScript:

Спасибо за подсказку. Сейчас попробую. 

А каким образом поставить обложку для видео и придать адаптивность ей? У меня видео на сайте настроено со своим стилем, как указал выше в коде. Каким образом вставить этот скрипт так чтобы адаптивнасть и обложка сохранилась?

Edited August 10, 2018 by klierik

[guram07]

В 09.06.2018 в 14:19, klierik сказал:

Здравствуйте.

По идее вам требуется список URLs, из которого будет пратся произвольный и использоваться в iframe.

Вот наглядный пример как такое реализуется на JavaScript:

Все получилось, помимо размеров видео, каким образом настроить автоматический размер или размер по больше? И адаптивность

Edited August 10, 2018 by klierik

[klierik]

3 минуты назад, guram07 сказал:

Все получилось, помимо размеров видео, каким образом настроить автоматический размер или размер по больше? И адаптивность

Для этого требуется указать ширины непосредственно для iframe, вот тут обновил: https://jsfiddle.net/klierik/g8rL7awo/3/

[guram07]

В 09.06.2018 в 15:39, klierik сказал:

Для этого требуется указать ширины непосредственно для iframe, вот тут обновил: https://jsfiddle.net/klierik/g8rL7awo/3/

Пробую так, но видео все равно не встает как надо. Прошу навести еще раз, буду очень благодарен. 

В 09.06.2018 в 15:39, klierik сказал:

Для этого требуется указать ширины непосредственно для iframe, вот тут обновил: https://jsfiddle.net/klierik/g8rL7awo/3/

Спасибо вам! Все получилось, но пришлось iframe id="youtube" width="560" height="315"  указать по 100%. Теперь еще одна просьба - я нажимаю на кнопку включить на обложке и после этого только появляется видео, на которое тоже надо включить. Как сделать чтобы видео сразу воспроизводилось?

В 09.06.2018 в 15:39, klierik сказал:

Для этого требуется указать ширины непосредственно для iframe, вот тут обновил: https://jsfiddle.net/klierik/g8rL7awo/3/

Почему-то вставляю свои видео и при нажатии на включить черный экран, если возвращаю твои видео, то все норм.

В 09.06.2018 в 15:39, klierik сказал:

Для этого требуется указать ширины непосредственно для iframe, вот тут обновил: https://jsfiddle.net/klierik/g8rL7awo/3/

Вот список моих видео:

    "https://www.youtube.com/watch?v=K5cCehKwlfs",
    "https://www.youtube.com/watch?v=b2Lqq6kHANo",
    "https://www.youtube.com/watch?v=ZiJEJPZrkW8&t=1s",
    "https://www.youtube.com/watch?v=3CkgDk_q0b0",
    "https://www.youtube.com/watch?v=UePdxBip19Y",
    "https://www.youtube.com/watch?v=YAAjjFIzJYU",
    "https://www.youtube.com/watch?v=86NE4cd0CPM",
    "https://www.youtube.com/watch?v=K5cCehKwlfs&t=3s",
    "https://www.youtube.com/watch?v=0IBWrx9thZ4&t=4s"

 

В 09.06.2018 в 14:19, klierik сказал:

Здравствуйте.

По идее вам требуется список URLs, из которого будет пратся произвольный и использоваться в iframe.

Вот наглядный пример как такое реализуется на JavaScript:

Все, понял нужна была ссылка с embed. Если с кнопкой поможете - буду премного благодарен.

Edited August 10, 2018 by klierik

[Crystal-3]

5 часов назад, guram07 сказал:

Как сделать чтобы видео сразу воспроизводилось?

Добавьте в самый конец url "?autoplay=1" 

Т.е. должно получиться так: 

https://www.youtube.com/embed/vSkb0kDacjs?autoplay=1

 

[guram07]

19 часов назад, Crystal-3 сказал:

Добавьте в самый конец url "?autoplay=1" 

Т.е. должно получиться так: 

https://www.youtube.com/embed/vSkb0kDacjs?autoplay=1

 

Спасибо большое!