更改vimeo嵌入的iframe src添加到歷史記錄API

Question

我有一個vimeo嵌入在我的頁面上。我想在用戶點擊按鈕時將其更改爲不同的視頻。我這樣做是通過在iframe改變「src」屬性（例如here）：

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

但是，很奇怪，一些新的價值得到推到瀏覽器的歷史。我怎樣才能避免這種副作用？

Answer 1

大約一年後，我得到了完全相同的問題。嵌入式播放器中的一些代碼會在您更新src屬性時將新的歷史價值推向歷史，並且沒有使用官方API的解決方法。這擾亂了我的項目，依靠history.js進行導航。

解決方案：當您需要更改視頻時，只需刪除並創建一個新的iframe元素。 Vimeo播放器重置並且不需要將值推送到以前的視頻。