PHP Paginação de Vídeos sem MySQL, apenas com os arquivos do site

Eduardo de Quadros · 15 de fevereiro de 2021

Como está me mostrando no inspetor:

Meu código:

<?php
    session_start();
    if(!isset($_SESSION['id_usuario'])) header("Location: ../../..");
?>
<!DOCTYPE html>
<html lang="pt" translate="yes">
    <head>
        <meta charset="utf-8">
        <title>Eduardo de Quadros</title>
        <style>
            *{
                margin: 0px;
                font-family: 'Arial';
                font-size: 16pt;
            }

            @font-face{
                font-family: 'Gigi';
                src: url('../../../../assets/fonts/GIGI.TTF');
            }

            @font-face{
                font-family: 'Arial';
                src: url('../../../../assets/fonts/arial.ttf');
            }

            @font-face{
                font-family: 'Times New Roman';
                src: url('../../../../assets/fonts/times.ttf');
            }

            @font-face{
                font-family: 'Comic Sans MS';
                src: url('../../../../assets/fonts/comic.ttf');
            }
            
            body{
                background-color: gold;
            }

            p{
                padding: 0px 20px;
            }

            p, li{
                text-align: justify;
            }

            h3{
                text-align: center;
                font-family: 'Times New Roman';
                font-size: 24pt;
            }

            h2{
                text-align: center;
                font-family: 'Comic Sans MS';
                font-size: 32pt;
            }

            h1{
                text-align: center;
                font-family: 'Gigi';
                font-size: 40pt;
            }

            header{
                background-color: cyan;
                width: 100%;
            }

            img, iframe, video, audio{
                vertical-align: middle;
            }

            textarea{
                resize: none;
            }

            .ir_topo{
                right: 0px;
                bottom: 0px;
                position: fixed;
                width: 120px;
                border: solid black 3px;
                background-color: red;
            }

            .topo_texto{
                text-align: center;
            }

            .topo_texto a{
                color: white;
            }

            td, th, tf{
                border: solid black 3px;
                text-align: center;
                vertical-align: middle;
                padding: 5px;
            }

            table{
                margin: 0px 10px;
            }

            #foto_perfil_mostrar{
                display: none;
            }

            ul.lista_ancoras{
                margin-bottom: 800px;
            }

            h2.lista_ancoras{
                margin-top: 800px;
            }

            div.jogo_filme{
                text-align: center;
            }

            @media only screen and (orientation: landscape) and (min-width: 2000px) and (max-width: 2500px) and (min-height: 1050px) and (max-height: 1150px){
                div.jogo_filme{
                    max-width: 100%;
                    max-height: 100%;
                }
            }

            @media only screen and (orientation: portrait) and (min-height: 2000px) and (max-height: 2500px) and (min-width: 1050px) and (max-width: 1150px){
                div.jogo_filme{
                    max-width: 100%;
                    max-height: 100%;
                }
            }
        </style>
        <script type="text/javascript">
            
        </script>
    </head>
    <body>
        <header><h1>Eduardo de Quadros</h1></header><br><br>
        <h3>Site em construção</h3><br>
        <div class="ir_topo"><p class="topo_texto"><a href="#voltar_topo">Voltar para<br>o Topo</a></p></div>
        <div><a name="voltar_topo"><h3>
        <?php
            if($_SESSION['nome_meio'] == "") echo $_SESSION['primeiro_nome'] . " " . $_SESSION['sobrenome'];
            else echo $_SESSION['primeiro_nome'] . " " . $_SESSION['nome_meio'] . " " . $_SESSION['sobrenome'];
        ?>
        </h3></a></div>
        <br>
        <ul>
            <li><a href="..">Voltar</a></li>
        </ul>
        <br>
        <h2>Tradu&ccedil;&otilde;es Musicais na Libras</h2><br>
        <?php
            $numeroArquivos = 0;
            $pasta = 'video/';
            $diretorio = dir($pasta);
            while(($arquivo = $diretorio->read()) !== false)
            {
                $nomeArq[$numeroArquivos] = basename($pasta . $arquivo, ".mp4");
                $numeroArquivos++;
            }
            $diretorio->close();
            $qnt = 8; // quantidade de registros por página
            $pg = $_GET['pagina']; // página atual
            $inicio = $pg * $qnt - $qnt;
            $totalPaginas = ceil($numeroArquivos / $qnt); // verifica o número total de páginas
            $fim = $inicio + $qnt - 1;
            if($numeroArquivos < $fim) $fim = $numeroArquivos - 1;
            // vamos criar a visualização
            echo "<ul>";
            for ($i = $inicio; $i <= $fim; $i++) {
                echo "<li>";
                echo "<video width=\"600\" controls poster=\"../../../../assets/img/video_poster/";
                echo $nomeArq[$i];
                echo ".png\">";
                echo "<source type=\"video/mpeg\" src=\"video/";
                echo $nomeArq[$i];
                echo ".mp4\">";
                echo "Seu navegador n&atilde;o suporta v&iacute;deos.";
                echo "</video>";
                echo "</li>";
            }
            echo "</ul><br>";
            closedir($diretorio);
            echo "<p>Selecione a p&aacute;gina:</p><br>";
            echo "<p>";
            for ($i = 1; $i <= $totalPaginas; $i++){
                echo "<a href=\"?pagina=" . $i . "\">" . $i . "</a>";
                if($i <= $totalPaginas - 1) echo " | ";
            }
            echo "</p>";
        ?>
        <br><br><br><br>
    </body>
</html>

Por que não está mostrando o nome do arquivo?

Eduardo de Quadros · 15 de fevereiro de 2021

Meu código está assim agora:

<?php
    session_start();
    if(!isset($_SESSION['id_usuario'])) header("Location: ../../..");
?>
<!DOCTYPE html>
<html lang="pt" translate="yes">
    <head>
        <meta charset="utf-8">
        <title>Eduardo de Quadros</title>
        <style>
            *{
                margin: 0px;
                font-family: 'Arial';
                font-size: 16pt;
            }

            @font-face{
                font-family: 'Gigi';
                src: url('../../../../assets/fonts/GIGI.TTF');
            }

            @font-face{
                font-family: 'Arial';
                src: url('../../../../assets/fonts/arial.ttf');
            }

            @font-face{
                font-family: 'Times New Roman';
                src: url('../../../../assets/fonts/times.ttf');
            }

            @font-face{
                font-family: 'Comic Sans MS';
                src: url('../../../../assets/fonts/comic.ttf');
            }
            
            body{
                background-color: gold;
            }

            p{
                padding: 0px 20px;
            }

            p, li{
                text-align: justify;
            }

            h3{
                text-align: center;
                font-family: 'Times New Roman';
                font-size: 24pt;
            }

            h2{
                text-align: center;
                font-family: 'Comic Sans MS';
                font-size: 32pt;
            }

            h1{
                text-align: center;
                font-family: 'Gigi';
                font-size: 40pt;
            }

            header{
                background-color: cyan;
                width: 100%;
            }

            img, iframe, video, audio{
                vertical-align: middle;
            }

            textarea{
                resize: none;
            }

            .ir_topo{
                right: 0px;
                bottom: 0px;
                position: fixed;
                width: 120px;
                border: solid black 3px;
                background-color: red;
            }

            .topo_texto{
                text-align: center;
            }

            .topo_texto a{
                color: white;
            }

            td, th, tf{
                border: solid black 3px;
                text-align: center;
                vertical-align: middle;
                padding: 5px;
            }

            table{
                margin: 0px 10px;
            }

            #foto_perfil_mostrar{
                display: none;
            }

            ul.lista_ancoras{
                margin-bottom: 800px;
            }

            h2.lista_ancoras{
                margin-top: 800px;
            }

            div.jogo_filme{
                text-align: center;
            }

            @media only screen and (orientation: landscape) and (min-width: 2000px) and (max-width: 2500px) and (min-height: 1050px) and (max-height: 1150px){
                div.jogo_filme{
                    max-width: 100%;
                    max-height: 100%;
                }
            }

            @media only screen and (orientation: portrait) and (min-height: 2000px) and (max-height: 2500px) and (min-width: 1050px) and (max-width: 1150px){
                div.jogo_filme{
                    max-width: 100%;
                    max-height: 100%;
                }
            }
        </style>
        <script type="text/javascript">
            
        </script>
    </head>
    <body>
        <header><h1>Eduardo de Quadros</h1></header><br><br>
        <h3>Site em construção</h3><br>
        <div class="ir_topo"><p class="topo_texto"><a href="#voltar_topo">Voltar para<br>o Topo</a></p></div>
        <div><a name="voltar_topo"><h3>
        <?php
            if($_SESSION['nome_meio'] == "") echo $_SESSION['primeiro_nome'] . " " . $_SESSION['sobrenome'];
            else echo $_SESSION['primeiro_nome'] . " " . $_SESSION['nome_meio'] . " " . $_SESSION['sobrenome'];
        ?>
        </h3></a></div>
        <br>
        <ul>
            <li><a href="..">Voltar</a></li>
        </ul>
        <br>
        <h2>Tradu&ccedil;&otilde;es Musicais na Libras</h2><br>
        <?php
            $qnt = 8; // quantidade de registros por página
            $pg = $_GET['pagina']; // página atual
            $diretorio = "video";
            $ponteiro = opendir($diretorio);
            while ($nomeArquivos = readdir($ponteiro)) {
                $nomeArq[] = $nomeArquivos;
            }
            $numeroArquivos = count($nomeArq);
            for($i = 0; $i < $numeroArquivos; $i++){
                $nomeArq[$i] = substr($nomeArq[$i], 0, -4);
            }
            $inicio = $pg * $qnt - $qnt;
            $totalPaginas = ceil($numeroArquivos / $qnt); // verifica o número total de páginas
            $fim = $inicio + $qnt - 1;
            if($numeroArquivos < $fim) $fim = $numeroArquivos - 1;
            // vamos criar a visualização
            echo "<ul>";
            for ($i = $inicio; $i <= $fim; $i++) {
                echo "<li>";
                echo "<video width=\"600\" controls poster=\"../../../../assets/img/video_poster/";
                echo $nomeArq[$i];
                echo ".png\">";
                echo "<source type=\"video/mpeg\" src=\"video/";
                echo $nomeArq[$i];
                echo ".mp4\">";
                echo "Seu navegador n&atilde;o suporta v&iacute;deos.";
                echo "</video>";
                echo "</li>";
            }
            echo "</ul><br>";
            echo "<p>Selecione a p&aacute;gina:</p><br>";
            echo "<p>";
            for ($i = 1; $i <= $totalPaginas; $i++){
                echo "<a href=\"?pagina=" . $i . "\">" . $i . "</a>";
                if($i <= $totalPaginas - 1) echo " | ";
            }
            echo "</p>";
        ?>
        <br><br><br><br>
    </body>
</html>

O problema é que na pasta de vídeos não tem arquivos e quando tento enviar, nenhum vídeo chega ao gerenciador de arquivos do site. Eu uso o InfinityFree.