我在每個頁面中有 3 或 4 個這樣的模塊。（類“boxvideo1”和id“boxvideo4”由js添加） <div class="servicios__layout"> <div class="grid"> <div class="box boxvideo1"> <video id="boxvideo4" class="slider-video h" width="100%" style="visibility: visible; width: 100%;"> <source src="//dl.dropbox.com/s/931244iox7i0fpk/working-with-espresso.mp4" type="video/mp4"> </video> <div class="icon-play"></div> <a href="https://google.es"><div class="icon-mas"></div></a> </div> <div class="box boxvideo2"> <video id="boxvideo4" class="slider-video h" width="100%" style="visibility: visible; width: 100%;"> <source src="//dl.dropbox.com/s/931244iox7i0fpk/working-with-espresso.mp4" type="video/mp4"> </video> <div class="icon-play"></div> <a href="https://google.es"><div class="icon-mas"></div></a> </div> </div> </div>我在js中有兩個問題：首先，標簽 ID 始終相同且不是動態的。（總是 boxvideo4）第二個問題它的 js 沒有將 currentTime 設置為 0。var i = 1;var str1 = 'boxvideo';var str2 = '.boxvideo';var str3 = 'boxvideo';$('.servicios__layout .box').each(function (index, value) { var classAdd = str1 + i; var classCall = str2 + i; var classCall2 = str3 + i; $(this).addClass(classAdd); $('.servicios__layout .box .slider-video').attr('id', classCall2); $(classCall + ' .slider-video').on("ended", function () { $(classCall + " .icon-play").fadeIn(); document.getElementById('classCall2').currentTime = 0; }); i++;});
setTime 0 在每個視頻上結束
冉冉說
2022-07-08 16:05:20
