如果不在視圖
中，我需要暫停視頻以下代碼僅適用于串列中的第一個視頻
如何使其適用于所有人.bvideo？
<video class='bvideo' src='a.mp4' poster='a.jpg' preload='none' controls></video>
<video class='bvideo' src='b.mp4' poster='b.jpg' preload='none' controls></video>
<video class='bvideo' src='c.mp4' poster='c.jpg' preload='none' controls></video>
let io = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if(!entry.isIntersecting){entry.target.pause();}
});
});
$(document).ready(function(){
io.observe(document.querySelector('.bvideo'));
});
uj5u.com熱心網友回復：
使用 querySelectorAll() 方法。
$(document).ready(function() {
let bvideos = document.querySelectorAll('.bvideo');
bvideos.forEach(bvideo => io.observe(bvideo));
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/439725.html
上一篇：我的jQuery函式有什么問題？嘗試使用按鈕進行評分
下一篇：如何在陣列回圈中運行ajax請求