Question

我正在尝试将Youtube频道嵌入到HTML页面中。

例如，我使用此频道地址：http://www.youtube.com/aaaa

我使用了这段代码：

<html>
<head>
</head>
<body>
    <iframe src="http://www.youtube.com/aaaa"></iframe> 
</body>
</html>

问题在于它不起作用。我尝试了另一个网站，它的工作原理。可能是什么问题？

Answer 1

问题似乎是由以下网址引起的：http：//www.youtube.com/aaaa。

我尝试了其他一些网址并且有效。

您可以轻松地尝试某些网址here。

试试这个：

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

Answer 2

试试这个：

<div name=iframe style="width:100%; height:635px; border:2px solid grey; overflow:hidden">
  <iframe src="http://yourchannel URL" style=width:100%; height:700px; margin-top: -65px" scrolling=true>
     If you can see this, your browser doesn't support iframes. Click <a href=http://mychannel.url>here to
     see my YouTube channel.</a>
</div>

这应该在没有youtube搜索栏的情况下嵌入完整的YouTube频道。

Answer 3

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/aaaa" frameborder="0">
</iframe>

这取自youtube here

看来IE（和其他人）只能使用[youtube.com / embed / videoID]（HTML5播放器） - 至少我实现它们的方式。

Answer 4

要显示YouTube频道最新视频的缩略图库，您可以使用iframe：

<iframe
    onload="javascript:this.style.height = this.contentWindow.document.body.scrollHeight + 'px';"
    scrolling="no"
    height="600"
    marginheight="0"
    frameborder="0"
    width="480"
    src="http://youtubechannelembed.com/gallery.php?vids=9&user=doitfordummies&row=3&width=150&margin_right=15&desc=100&title=30&views=1&likes=1&dislikes=1&fav=1">
</iframe>

使用iFrame将Youtube频道嵌入到HTML中

4 个答案: