自动嵌入 YouTube 频道 3-4 最新视频-解网

问：

我想将我们的 YouTube 频道中的最新视频自动嵌入到我们的网站，这样我就不必在每次发布新视频时都进入并复制/粘贴嵌入代码（这变得越来越频繁）。我不希望在代码中使用jQuery，因为从库中提取会大大减慢我们的网站速度，因此理想情况下，纯粹的JavaScript解决方案是可行的。

我尝试了以下方法自动加载第一个视频，并使用周围的代码使页面仍然快速运行。

<body onload="ready()">
   <iframe class="lazy-iframe" width="600" height="340" data-src="https://www.youtube.com/embed?max-results=1&controls=0&showinfo=0&rel=0&listType=user_uploads&list="USERNAME HERE"></iframe>
    
        <script stype="text/javascript">
    
           function ready()
           {
                let target = document.getElementsByClassName('lazy-iframe');
                
                for(let i = 0; i < target.length; i++)
                {
                    let src = target[i].getAttribute('data-src');
                    target[i].setAttribute('src',src);
                }
           }
    
    </script>
    
</body>

JavaScript JSON 自动化 YouTube 视频嵌入

自动嵌入 YouTube 频道 3-4 最新视频

Auto embed YouTube channel 3-4 latest videos

评论