Javascript 按“上一步”和“下一步”按钮从当前行转到下一个SQL行？

我在一个网站上工作，该网站有一个视频数据库，我需要通过按后退和上一步按钮来浏览。每个视频都是数据库中的一行，并且有一个链接、图像和标题，我需要提取这些链接、图像和标题

目前，我有视频的缩略图，可以使用PHP和jQuery交换主视频的属性，如下所示：

<?php foreach( $allData as $data ) {
    echo '<div class="bit-3">';
    echo '<a class="video-link" href=' . "{$data->vid_link}" . '?&autoplay=1&a=1' . '>';
    echo '<img src="' . "{$data->vid_thumb}" . '"/>';
    echo "<h3>{$data->vid_title}</h3>";
    echo '</a>';
    echo '</div>';
}
?>

$('.video-link').on('click', function(event) {
    event.preventDefault();

    var changeVid = $(this).attr('href'),
        changeBg = $(this).children().attr('src'),
        changeTitle = $(this).find('h3').text();

    $('#bg').attr('src', changeBg);
    $('#video').attr('src', changeVid);
    $('h1').text(changeTitle);

    $('html, body').animate({
        scrollTop: 0
    }, 100);

});

以下是当前网站的链接：

编辑：我取得了一些进展。我已将查询格式化如下：

function get_videos( $number ) {
    global $pdo; 

    $stmt = $pdo->prepare('
            SELECT * 
            FROM  `berm_videos` 
            WHERE  `ID` = :number 
        ');
         $stmt->execute( array( ':number' => $number . '%') );

         return $stmt->fetchAll( PDO::FETCH_OBJ );
}

$allData = get_videos( 1 );

然后传入如下值：

function get_videos( $number ) {
    global $pdo; 

    $stmt = $pdo->prepare('
            SELECT * 
            FROM  `berm_videos` 
            WHERE  `ID` = :number 
        ');
         $stmt->execute( array( ':number' => $number . '%') );

         return $stmt->fetchAll( PDO::FETCH_OBJ );
}

$allData = get_videos( 1 );

如果我能想出一种方法，如果点击了“上一步”或“下一步”按钮，我想我可以增加这个数字，然后将它传递给一个新的查询

---

虽然，当我在做这个的时候。每次单击都要进行这些查询，这看起来确实很低效…

我知道如何返回1行，但我不知道如何增加该行或返回下一行或上一行。有没有一种方法可以提取所有行，然后在查询之外增加它们？是否要分页？没有，我想避免分页。我想通过使用ajax单击“上一步”和“下一步”按钮来循环浏览视频（据我所知）。这些视频位于MYSQL数据库中，我使用PHP访问它们。通过分页并将每个页面限制为1，您可以轻松实现这一点。您可以对next和previous使用ajax分页，而无需编号链接。