亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vimeo api - 遍歷頁面上的多個視頻

Vimeo api - 遍歷頁面上的多個視頻

阿波羅的戰車 2023-06-09 15:20:57
此處為 JS、iframe 和Vimeo api 的新手據我所知, document.querySelector('iframe') 只會選擇第一個 iframe。但是,如果我有一個視頻頁面,我希望它適用于多個特定視頻。在相關的 iframe 中,我添加了 class='noskip'然后迭代我認為我可以做:var noskips = document.querySelectorAll('.noskip');for (var i = 0, len = noskips.length; i < len; i++) {? ?}但我不確定如何將每個 iframe 傳遞到實際的播放器函數中:var player = new Vimeo.Player(iframe);var timeWatched = 0;player.on("timeupdate", function(data) {? if (data.seconds - 1 < timeWatched && data.seconds > timeWatched) {? ? timeWatched = data.seconds;? ? ? ? ? ?? }});player.on("seeked", function(data) {? if (timeWatched < data.seconds) {? ? player.setCurrentTime(timeWatched);? }});
查看完整描述

1 回答

?
精慕HU

TA貢獻1845條經驗 獲得超8個贊

好的,我想我解決了。歡迎提出改進建議!


var noskips = document.querySelectorAll('.noskip');

var iframes = Array.prototype.slice.call(noskips);


iframes.forEach(function(iframe) {


    var player = new Vimeo.Player(iframe);

    var timeWatched = 0;


    player.on("timeupdate", function(data) {

      if (data.seconds - 1 < timeWatched && data.seconds > timeWatched) {

        timeWatched = data.seconds;

      }

    });


    player.on("seeked", function(data) {

      if (timeWatched < data.seconds) {

        player.setCurrentTime(timeWatched);

      }

    });

    

});


查看完整回答
反對 回復 2023-06-09
  • 1 回答
  • 0 關注
  • 162 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號