Как встроить канал YouTube в веб-страницу - PullRequest
Новая
       37

Как встроить канал YouTube в веб-страницу

54 голосов
/ 09 февраля 2012

Кто-нибудь может подсказать, как я встраиваю канал YouTube в веб-страницу - я получаю противоречивую информацию с разных сайтов, в идеале, если возможно, с помощью специального плеера?спасибо

Ответы [ 4 ]

76 голосов
/ 29 августа 2014

YouTube поддерживает довольно простой в использовании интерфейс iframe и url для вставки видео, плейлистов и всех пользовательских загрузок на ваш канал : https://developers.google.com/youtube/player_parameters

Например, в этот HTML-код будет встроен проигрыватель, загруженный списком воспроизведения всех видео, загруженных на ваш канал. Замените YOURCHANNELNAME фактическим названием вашего канала: 

<iframe src="http://www.youtube.com/embed/?listType=user_uploads&list=YOURCHANNELNAME" width="480" height="400"></iframe>
17 голосов
/ 09 февраля 2012

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

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=YourChannelName&synd=open&w=320&h=390&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

Обязательно замените YourChannelName наВаше действительное название канала.

Например: если бы название канала было CaliChick94066 Ваш код для вставки канала был бы: 

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=CaliChick94066&synd=open&w=320&h=390&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

Пожалуйста, посмотрите следующие ссылки:

YouTube на вашем сайте

Вставить канал YouTube

Вы просто должны указать URL-адрес вашего канала.Также вы можете поиграть с высотой и границей цвета и размера.Надеюсь, это поможет

7 голосов
/ 15 июля 2013

За исключением того, что YTchannelembed на самом деле не встраивает канал, это просто связанные миниатюры, которые ведут за пределы сайта.Решение Youmax для jQuery на самом деле встраивает: http://www.codehandling.com/2013/03/youmax-20-complete-youtube-channel-on.html

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

Я быстро сделал это для всех, кто зашел на эту страницу: 

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1"</param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess" value="always"></param>
<embed src="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1"
  type="application/x-shockwave-flash"
  allowfullscreen="true"
  allowscriptaccess="always"
  width="425" height="344">
</embed>
</object>

См. JsFiddle.

...