更改 vimeo embed 的 iframe src 添加到历史 API

Question

我的页面上嵌入了 vimeo。当用户单击按钮时，我想将其更改为不同的视频。我通过更改 iframe 中的“src”属性来做到这一点（例如here）：

$('.vimeoIFrame').attr('src','//player.vimeo.com/video/56534375');
  });

但奇怪的是，一些新值被推送到浏览器的历史记录中。如何避免这种副作用？

Answer 1

我在你之后一年左右遇到了完全相同的问题。当您更新 src 属性时，嵌入播放器中的一些代码会将新值推送到历史记录，并且没有使用官方 api 的解决方法。这弄乱了我依赖 history.js 进行导航的项目。

解决方案：当您需要更改视频时，只需删除并创建一个新的 iframe 元素即可。 Vimeo 播放器重置，无需推送值即可到达之前的视频。