<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
background-color: #000000; /* Fundo preto */
}
.video-container {
width: 100%;
height: 100%;
margin: 0 auto;
}
#statusBar {
background-color: #000000ff;
padding: 10px;
font-size: 16px;
color: #4287f5; /* Cor da fonte do subtítulo */
font-weight: bold;
width: 98,2%;
}
.button-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.button {
width: 70px;
margin: 5px;
padding: 12px;
font-size: 8px;
font-weight: bold;
background-color: #ffffff;
color: #000000;
border: 0;
cursor: pointer;
text-align: center;
}
.selected {
background-color: #4287f5;
color: #fff;
}
</style>
</head>
<body>
<h1></h1>
<!-- Vídeo player -->
<div class="video-container">
<video id="videoPlayer" width="100%" height="70%" controls>
<source id="videoSource" src="" type="video/mp4">
Seu navegador não suporta a reprodução de vídeo HTML5.
</video>
<!-- Barra de Status -->
<div id="statusBar">Cântico: <span id="fileName">Carpa 2023</span></div>
</div>
<!-- Botões -->
<div class="button-container">
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0001-A-LUZ-E-O-ANJO-1.mp4', 'A LUZ É O ANJO')">01 A LUZ É O ANJO</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0002-AQUELA-LUZ.mp4', 'AQUELA LUZ')">02 AQUELA LUZ</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0003-ARDE-NOSSO-CORACAO.mp4', 'ARDE NOSSO CORAÇÃO')">03 ARDE NOSSO CORAÇÃO</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0004-AS-PROFECIAS-CUMPRIDAS.mp4', 'AS PROFECIAS CUMPRIDAS')">04 AS PROFECIAS CUMPRIDAS </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0005-ENSINADOS-POR-DEUS.mp4', 'ENSINADOS POR DEUS')">05 ENSINADOS POR DEUS</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0006-BENCAO-DE-PRIMOGENITO.mp4', 'BENÇÃO DE PRIMOGENITO')">06 BENÇÃO DE PRIMOGENITO </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0007-RETIRE-A-PEDRA.mp4', 'RETIRE A PEDRA')">07 RETIRE A PEDRA</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0008-HOJE-TEMOS-O-REI.mp4', 'HOJE TEMOS AO REI')">08 HOJE TEMOS AO REI </button>
</div>
<div class="button-container">
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0009-O-ENSINAMENTO-BAJO-CARPA.mp4', 'O ENSINAMENTO BAJO CARPA')">09 O ENSINAMENTO BAJO CARPA</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0010-O-PODER-VIVIFICADOR.mp4', 'O PODER VIVIFICADOR')">10 O PODER VIVIFICADOR</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0011-OBRIGADO-SENHOR.mp4', 'OBRIGADO SENHOR')">11 OBRIGADO SENHOR</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0012-TE-AMO-MEU-SENHOR.mp4', 'TE AMO MEU SENHOR')">12 TE AMO MEU SENHOR </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0013-UM-NOVO-AMANHECER.mp4', 'UM NOVO AMANHECER')">13 UM NOVO AMANHECER </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0014-DICERNINDO-O-TEMPO.mp4', 'DICERNINDO O TEMPO')">14 DICERNINDO O TEMPO </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0015-O-EVENTO-FINAL.mp4', 'O EVENTO FINAL')">15 O EVENTO FINAL</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0016-BELAS-PALAVRAS-DE-VIDA.mp4', 'BELAS PALAVRAS DE VIDA')">16 BELAS PALAVRAS </button>
</div>
<div class="button-container">
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0017-SE-TU-COMIGO-VAI.mp4', 'SE TU COMIGO VAI')">17 SE TU COMIGO VAI</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0019-O-ANJO-FORTE-HOJE.mp4', 'O ANJO FORTE HOJE')">18 O ANJO FORTE HOJE </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0018-DEPENDO-DE-TI.mp4', 'DEPENDO DE TI')">19 DEPENDO DE TI </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0020-MINHA-ALMA-CLAMA-A-TI.mp4', 'MINHA ALMA CLAMA A TI')">20 MINHA ALMA CLAMA A TI</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0021-ELOIM-ENTRE-SEU-POVO.mp4', 'ELOIM ENTRE SEU POVO')">21 ELOIM ENTRE SEU POVO</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0022-O-JUIZ.mp4', 'O JUIZ')">22 O JUIZ</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0023-UM-LOUVOR-DA-ALMA.mp4', 'UM LOUVOR DA ALMA')">23 UM LOUVOR DA ALMA</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0024-ORGULHO-LATINOAMERICANO.mp4', 'ORGULHO LATINOAMERICANO')">24 ORGULHO LATINOAMERICANO</button>
</div>
<div class="button-container">
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0025-MI-ALMA-HOJE-CLAMA-POR-TI.mp4', 'MI ALMA HOJE CLAMA POR TI ')">25 MI ALMA HOJE CLAMA POR TI </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0026-QUEM.mp4', 'QUEM ')">26 QUEM </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0027-UM-POVO-VITORIOSO.mp4', 'UM POVO VITORIOSO ')">27 UM POVO VITORIOSO </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0028-AO-AMPARO-DA-ROCHA-SALVO-ESTOU.mp4', 'AO AMPARO DA ROCHA SALVO ESTOU')">28 AO AMPARO DA ROCHA SALVO ESTOU </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0029-O-CONSELHO-DIVINO.mp4', 'O CONSELHO DIVINO')">29 O CONSELHO DIVINO</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0030-AQUI-ESTA-O-REI.mp4', 'AQUI ESTA O REI ')">30 AQUI ESTA O REI </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0031-POR-AMOR.mp4', 'POR AMOR ')">31 POR AMOR </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0032-POSSO-TE-VER.mp4', 'POSSO TE VER ')">32 POSSO TE VER </button>
</div>
<div class="button-container">
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0033-O-SOL-DA-PALAVRA.mp4', 'O SOL DA PALAVRA ')">33 O SOL DA PALAVRA </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0034-A-CONCLUSAO.mp4', 'A CONCLUSÃO ')">34 A CONCLUSÃO </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0035-DE-DENTRO-PARA-FORA.mp4', 'DE DENTRO PARA FORA ')">35 DE DENTRO PARA FORA </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0036-ESTANDO-NA-PALAVRA.mp4', 'ESTANDO NA PALAVRA ')">36 ESTANDO NA PALAVRA </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0037-A-VOZ-DA-PEDRA-ANGULAR.mp4', 'A VOZ DA PEDRA ANGULAR')">37 A VOZ DA PEDRA ANGULAR </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0038-QUE-MARAVILHOSO-E-O-SENHOR.mp4', 'QUE MARAVILHOSO É O SENHOR')">38 QUE MARAVILHOSO É O SENHOR </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0039-POR-TRAS-DO-VEU.mp4', 'POR TRÁS DO VEU ')">39 POR TRÁS DO VEU </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0040-EU-ME-MANTENHO-AQUI.mp4', 'EU ME MANTENHO AQUI ')">40 EU ME MANTENHO AQUI </button>
</div>
<div class="button-container">
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0041-A-ETAPA-MAIS-IMPORTANTE.mp4', 'A ETAPA MAIS IMPORTANTE ')">41 A ETAPA MAIS IMPORTANTE </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0042-FALAPROFETA.mp4', 'FALA PROFETA ')">42 FALA PROFETA </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0043-TE-OUVIR-DIZER.mp4', 'TE OUVIR DIZER')">43 TE OUVIR DIZER </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0044-QUEM-E-ESTE.mp4', 'QUEM É ESTE ')">44 QUEM É ESTE </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0045-ACAO-DE-GRACAS.mp4', 'AÇÃO DE GRAÇAS')">45 AÇÃO DE GRAÇAS </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0046-SALMO103.mp4', 'SALMO103')">46 SALMO103 </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0047-MANA-ESCONDIDO-PARA-O-DIA-PRESENTE.mp4', 'MANA ESCONDIDO PARA O DIA PRESENTE')">47 MANA ESCONDIDO PARA O DIA PRESENTE </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0048-ORACAO.mp4', 'ORAÇÃO')">48 ORAÇÃO</button>
</div>
<div class="button-container">
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0049-PROCLAMA-O-REI-DE-SALEM.mp4', 'PROCLAMA O REI DE SALÉM')">49 PROCLAMA O REI DE SALÉM </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0050-REI-DE-JUSTICA.mp4', 'REI DE JUSTIÇA')">50 REI DE JUSTIÇA </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0051-O-QUE-TEM-OUVIDOS-PARA-OUVIR-OUCA.mp4', 'O QUE TEM OUVIDOS PARA OUVIR OUÇA')">51 O QUE TEM OUVIDOS PARA OUVIR OUÇA </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0052-ESTE-E-O-DIA.mp4', 'ESTE É O DIA')">52 ESTE É O DIA </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0053-PODER-OUVIR-A-DEUS.mp4', 'PODER OUVIR A DEUS')">53 PODER OUVIR A DEUS </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0054-OUVIR-O-UNGIDO.mp4', 'OUVIR O UNGIDO')">54 OUVIR O UNGIDO </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0055-O-APOSENTO-ALTO.mp4', 'O APOSENTO ALTO')">55 O APOSENTO ALTO </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0056-CAMINHO-PRECIOSO.mp4', 'CAMINHO PRECIOSO')">56 CAMINHO PRECIOSO </button>
</div> <div class="button-container">
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0057-A-COLUNA-DE-FOGO.mp4', 'A COLUNA DE FOGO')">57 A COLUNA DE FOGO </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/0058-A-SEGUNDA-VINDA-DO-SENHOR.mp4', 'A SEGUNDA VINDA DO SENHOR')">58 A SEGUNDA VINDA DO SENHOR </button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/00059-PROMESSA-TU-VENCERASEU-VENCEREI.mp4', 'PROMESSA TU VENCERAS EU VENCEREI')">59 PROMESSA TU VENCERAS EU VENCEREI</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/00060-ALGUEM-ME-AMA.mp4', 'ALGUEM ME AMA')">60 ALGUEM ME AMA</button>
<button class="button" onclick="playVideo('https://louvores2025.online/wp-content/uploads/2024/10/00061-A-VISITACAO-DE-DEUS.mp4', 'A VISITAÇÃO DE DEUS')">61 A VISITAÇÃO DE DEUS </button>
</div>
<script>
function playVideo(videoUrl, fileName) {
var videoPlayer = document.getElementById("videoPlayer");
var videoSource = document.getElementById("videoSource");
var statusBar = document.getElementById("statusBar");
var fileNameSpan = document.getElementById("fileName");
videoSource.src = videoUrl;
videoPlayer.load();
videoPlayer.play();
fileNameSpan.textContent = fileName;
var buttons = document.getElementsByClassName("button");
for (var i = 0; i < buttons.length; i++) {
buttons[i].classList.remove("selected");
}
event.target.classList.add("selected");
}
</script>
</body>
</html>