html - 如何将 YouTube 缩略图换成最新上传的内容？-6ren

html - 如何将 YouTube 缩略图换成最新上传的内容？

转载作者：行者123 更新时间：2023-11-28 08:18:16

27

4

我想在我的网站上创建一个“最新视频” block ，但我只需要 YouTube 缩略图和可能是视频的标题。我找到了一种为最新视频本身嵌入的方法，但我不确定是否可以仅针对缩略图修改它。

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

这可以重新用于我的想法吗？如果不能，我该怎么办？我有基本的 HTML 和 CSS 知识，对 javascript 和 php 的了解非常有限。如果我能得到一些东西来交换缩略图并理想地显示标题，我就可以处理样式和实现。也对特定播放列表的最新添加感兴趣，但这不一定发生。

最佳答案

不确定这是否是您的意思，但您可以尝试类似的方法:

    <div onclick="this.style.display='none'; this.nextSibling.style.display='block';"><img src="image.png" style="cursor:pointer" /></div><div style="display:none">
<!-- Embed code here -->
</div>

关于html - 如何将 YouTube 缩略图换成最新上传的内容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28882914/

27

4

0

文章推荐： ios - 在 Realm 数据库的 TableView 中显示项目列表

文章推荐： javascript - 我如何获取jsp内Javascript函数的值？

html - 缩 child 子以适应 parent
我有一个具有可变数量子元素的固定大小的 div。我不知道 children 的大小。目标是缩小它们以适合父级。例子: .parent { width: 100px; height: 100p

首页

博学

6Ren·AI

商城

html - 如何将 YouTube 缩略图换成最新上传的内容？