停止其他視頻後lazyload新 - jQuery和YouTube的API

我的方案 - Codepen（不要忘了向下滾動）使用lazyframe plugin到lazyload我的YouTube視頻的iframe停止其他視頻後lazyload新 - jQuery和YouTube的API

林。點擊播放按鈕後，每個視頻都會添加到DOM中。有一個onAppend函數包含在新的視頻iframe創建後觸發（請看我創建的筆）。

如何停止其他vids後開始新的？

我把警報放入onAppend函數來檢查它是否正常工作。該onAppend部分看起來像

onAppend: function(e) { 
     alert('onAppend after Lazyframe Function');      
    }

我也設法包括以下腳本

<script src="http://www.youtube.com/player_api"></script> 
    <script src="http://www.youtube.com/iframe_api"></script>

在嵌入YouTube網址啓用API的結尾部分，也inclulde

&enablejsapi=1

每個Iframe獲取唯一ID

<iframe id="lazyframe-6hgVihWjK2c" src="https://www.youtube.com/embed/6hgVihWjK2c/?autoplay=1" allowfullscreen="" class="test-vidx" frameborder="0"></iframe>

任何幫助，將不勝感激。

來源

2017-02-20 Learning by doing

我從你所說的話中看出，你正在與許多玩家同時加載你的頁面。如果是這樣，你會發現它們彼此獨立。

如果是這樣的話，那麼你只想在任何時候只有一個玩。

我唯一能想到的就是設置一個動態變量，您可以將當前所選播放器的ID加載到該變量中。然後，當您選擇播放不同的視頻時，使用ID變量向舊視頻發送停止命令。然後用新的視頻播放器ID更新變量。不過，我不確定你將如何獲得ID，因爲來自API調用的嵌入式播放器似乎沒有。

最好的是使用一個獨立的球員，你可以給ID的。這裏是相關的

來源

2017-02-25 16:47:33 Tempus

停止其他視頻後lazyload新 - jQuery和YouTube的API

回答

相關問題