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

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

4 ответов


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>                   

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

<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-адрес вашего имени канала. Также вы можете играть с высотой и цветом и размером границы. Надеюсь, это поможет


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


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

<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.