Jump to content
  • 0

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


guram07
 Share

Question

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

У меня на обычном лендинге есть видео с ютуба. Цель - чтобы каждый раз включалось разное видео(их около 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]
Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

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

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

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

Link to comment
Share on other sites

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

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

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

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

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

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

Edited by klierik
Link to comment
Share on other sites

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

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

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

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

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

Edited by klierik
Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

IMAGE_2018_06_09_16_44_14.jpg

В 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 by klierik
Link to comment
Share on other sites

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

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

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

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

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

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy