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



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

742   4  

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.

Comments

    Ничего не найдено.