Jessé Alberto de Siqueira fez uma pergunta.
É possível adicionar vídeos com reprodução automática na Landing page dentro do RD?
Olá, estou vendo o surgimento de várias LPs com vídeos de reprodução automática ao acessar a LP, mas não achei essa possibilidade dentro do RD, alguém já conseguiu fazer essa implementação?
Creio que isso ajudaria bastante na captação de leads. Desde já agradeço.
Opa, nunca fiz uma LP assim, mas acredito que seja sim. O que vc vai precisar é incorporar um codigo HTML nos locais onde vc deseja colocar os videos. Ai, quando o usuario ir rolando e chegar nessa parte ele inicia automatico. Unico detalhe desse plano é o que vai acontecer quando tiver 2 ou 3 videos rodando ao mesmo tempo...
onde ficará hospedado o seu video?
se estiver no Youtube, esse codigo aqui vai te atender.
================
<style>
body {
height: 2000px; /* Apenas para criar rolagem */
font-family: Arial, sans-serif;
}
footer {
position: relative;
height: 400px;
background: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
}
</style>
<h1>Role a página até o rodapé para carregar o vídeo</h1>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
. <br>
<footer>
<div id="video-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/C72lbi6c_r8?mute=1"
title="YouTube video player"
frameborder="0"
allow="autoplay; encrypted-media"
allowfullscreen>
</iframe>
</div>
</footer>
<script>
const videoContainer = document.querySelector("#video-container iframe");
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
const src = videoContainer.src;
if (!src.includes("autoplay=1")) {
videoContainer.src = src + "&autoplay=1";
}
}
});
});
observer.observe(videoContainer);
</script>
Excelente
Muito Obrigado @Guilherme Yohan - Embaixador , ótima solução!!
Eu já fiz essa automação subindo o vídeo no Panda Vídeo, lá ele também dá vários insights bem legais sobre o vídeo!
@Jessé Alberto de Siqueira @Guilherme Yohan - Embaixador a melhor e mais prática forma nesse caso é upar o vídeo no youtube, e na LP utilizar o elemento "vídeo", ativando a opção "autoplay" :) veja aqui um exemplo de como fica o vídeo: https://materiais.pipemarketing.com.br/marketing-digital-medico