JQuery是一種功能強大且廣泛使用的JavaScript庫，它可用于處理各種操作，包括觸屏滑動視頻。在本文中，我們將探討如何使用JQuery來實現這個功能。

$(document).ready(function() {
// Attach touch event to the video container
var container = $(".video-container")[0];
container.addEventListener("touchstart", startTouch, false);
container.addEventListener("touchend", endTouch, false);
// Keep track of touch positions
var startX, startY, endX, endY;
function startTouch(event) {
// Get starting touch position
startX = event.touches[0].clientX;
startY = event.touches[0].clientY;
}
function endTouch(event) {
// Get ending touch position
endX = event.changedTouches[0].clientX;
endY = event.changedTouches[0].clientY;
// If swipe is horizontal and long enough, play/pause video
if (Math.abs(endX - startX) > Math.abs(endY - startY) && Math.abs(endX - startX) > 50) {
var video = $(".video-container video")[0];
if (video.paused) {
video.play();
} else {
video.pause();
}
}
}
});

以上代碼首先使用JQuery的"$(document).ready"函數包裹整個代碼塊，以確保DOM已加載并準備好與JavaScript交互。

接下來，我們將觸摸事件附加到視頻容器上。我們選擇第一個video容器，即$(".video-container")[0]。然后，我們調用容器的addEventListener方法，附加touchstart和touchend事件，并將這些事件與我們后面定義的startTouch和endTouch函數相關聯。

在這些函數中，我們記錄開始和結束觸摸位置。如果觸摸移動足夠長并且方向是水平的，則我們播放/暫停視頻。在這種情況下，我們使用jQuery選擇器(".video-container video")[0]來選擇第一個視頻元素，并檢查其暫停狀態。如果video暫停，則我們使用play()方法播放；如果video正在播放，則使用pause()方法暫停視頻。

現在，我們已經使用JQuery成功構建了觸屏滑動視頻功能，可以將其用于任何網站或應用程序。 請試試吧！