HTML自动嵌入来自youtube频道的最近上传的视频

Question

HTML自动嵌入来自youtube频道的最近上传的视频

我想知道有没有办法将最近上传的YouTube频道自动嵌入网站？我甚至不知道从哪里开始.救命？

Answer 1

这个脚本不再有效,这是一个简单的方法.

<iframe width="600" height="340" src="http://www.youtube.com/embed?max-results=1&controls=0&showinfo=0&rel=0&listType=user_uploads&list=YOUR_CHANNEL_NAME_HERE" frameborder="0" allowfullscreen></iframe>

Run Code Online (Sandbox Code Playgroud)

要获取频道名称,请单击"我的频道"及其"/ user /"之后的文本行.

小提琴

编辑

您还可以使用以下内容嵌入播放列表:

<iframe width="600" height="340" src="https://www.youtube.com/embed/+lastest?list=PLAYLIST_ID" frameborder="0" allowfullscreen></iframe>

Run Code Online (Sandbox Code Playgroud)

Answer 2

CHA*_*ASE 10

<!DOCTYPE html>
<html>
<head>
    <title>YouTube Recent Upload Thing</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
</head>
<body>
<div id="static_video"></div>
    <script type="text/javascript">
        function showVideo(response) {
            if(response.data && response.data.items) {
                var items = response.data.items;
                if(items.length>0) {
                    var item = items[0];
                    var videoid = "http://www.youtube.com/embed/"+item.id;
                    console.log("Latest ID: '"+videoid+"'");
                    var video = "<iframe width='420' height='315' src='"+videoid+"' frameborder='0' allowfullscreen></iframe>"; 
                    $('#static_video').html(video);
                }
            }
        }
    </script>
    <script type="text/javascript" src="https://gdata.youtube.com/feeds/api/users/urusernamehere/uploads?max-results=1&orderby=published&v=2&alt=jsonc&callback=showVideo"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

这已经停止了工作.YouTube告诉我他们已弃用此API,是否有快速解决方案可以使用新的API版本？ (4认同)

Answer 3

Sha*_*shy 8

使用以下代码通过指定频道ID而不是频道名称来自动嵌入YouTube频道的最新视频。

var channelID = "UC0xXUfNSFQN3qOmf_G_nT5w";
var reqURL = "https://www.youtube.com/feeds/videos.xml?channel_id=";
$.getJSON("https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent(reqURL)+channelID, function(data) {
   var link = data.items[0].link;
   var id = link.substr(link.indexOf("=")+1);
$("#youtube_video").attr("src","https://youtube.com/embed/"+id + "?controls=0&showinfo=0&rel=0");
});

Run Code Online (Sandbox Code Playgroud)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe id="youtube_video" width="600" height="340" frameborder="0" allowfullscreen></iframe>

Run Code Online (Sandbox Code Playgroud)

来源：https：//codegena.com/auto-embed-latest-video-youtube-channel/

我已经确认，截至2019年1月，这确实有效！第一次，我发现某种东西可以很好地吸引人，而不仅仅是直播！ (2认同)

Answer 4

Ben*_*uer 6

在 2022 年，嵌入 YouTube 频道的最新视频相当复杂，但我找到了一个适用于个人帐户和品牌帐户的解决方案：

登录 YouTube 并打开高级设置
复制您的频道 ID（将以“UC”开头，然后是一些神秘字符，例如“UCYCJ5V6CYFhUr7AhlKaYL4A”）
将开头的“UC”替换为“UU”（“ UC YCJ5V6CYFhUr7AhlKaYL4A”变为“ UU YCJ5V6CYFhUr7AhlKaYL4A”）
使用以下嵌入代码（使用以“UU”开头的 ID）：

嵌入代码：

<iframe
  src="https://www.youtube-nocookie.com/embed?listType=playlist&list=UUYCJ5V6CYFhUr7AhlKaYL4A"
  width="600"
  height="340"
  allowfullscreen>
</iframe>

Run Code Online (Sandbox Code Playgroud)

个人账户的替代解决方案：

当您拥有连接到您的 Google Mail 地址的个人 YouTube 频道时，您可以使用您的 Google Mail 用户名来嵌入您最新上传的内容。

示例：当您的电子邮件为 username@googlemail.com 时，您可以使用以下代码嵌入最新上传的视频：

<iframe 
  src="https://www.youtube-nocookie.com/embed?listType=user_uploads&list=username"        
  width="600"
  height="340"
  allowfullscreen>
</iframe>

Run Code Online (Sandbox Code Playgroud)

有人说它也适用于您的 YouTube 频道 ID 或 YouTube 频道名称，但这对我不起作用。

参考：YouTube IFrame 播放器 API

归档时间：	12 年前
查看次数：	35821 次
最近记录：	6 年，10 月前