Javascript 向下滚动到下一个youtube视频

我有一个Wordpress页面，上面有Youtube视频。当视频完成后，我想让它滚动到下一个div，这个类没有问题。HTML如下所示：

<div class="embed-container"><iframe  src="https://www.youtube.com/embed/xcC3UQl3V-U?&autohide=0&modestbranding=1&controls=2&rel=0&showinfo=0&enablejsapi=1" frameborder="0" allowfullscreen></iframe></div>

//somthing on html and in the next //

<div class="embed-container"><iframe id="playerxcC3UQl3V-U" src="https://www.youtube.com/embed/xcC3UQl3V-U?&autohide=0&modestbranding=1&controls=2&rel=0&showinfo=0&enablejsapi=1" frameborder="0" allowfullscreen></iframe></div>

.... and about 10 or 20 posts like this pro page

---

首先确定要滚动到的元素的y位置，然后使用window.scrollTo：

  var y = document.getElementById('playerxcC3UQl3V').getBoundingClientRect().y 
    + window.scrollY
  window.scrollTo(0, y);

---

thets可以工作，但是thets在第一个yotuube视频中滚动，只在第一个视频中滚动，但是thet代码必须做的是滚动到下一个iframe或div id，例如，我在页面中锁定了post 4，完成后滚动到post No.5，类似于在我运行时从thet div滚动到下一个post类

  var y = document.getElementById('playerxcC3UQl3V').getBoundingClientRect().y 
    + window.scrollY
  window.scrollTo(0, y);