📣 Seu anúncio aqui? Anuncie no ForoBeta

Plugin para otimizar carregamento de vídeos em páginas web

  • Autor Autor Sam40
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Sam40

Sam40

Eta
Verificación en dos pasos activada
Tengo un blog con muchos vídeos y mis páginas son muy lentas porque youtube inserta muchísimo JS a las publicaciones. Una publicación sin Youtube tiene una puntuación en pagespeed de 99, con youtube de 50. ¿Existe algún pluguin que impida que Youtube rompa la optimización de las páginas? Que cree una falsa captura del vídeo y que solo se active al hacer click sobre ella o algo similar, no se. ¿Alguna idea?

Gracias
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Si, los videos enlentecen un montón.
Yo uso plugins, según la web me funcionan mejor unos que otros, son todos gratis:

- Lazy Load - Optimize Images
- WP YouTube Lyte
- a3 Lazy Load
 
Puedes hacer algo que coloque solo la imagen destacada del video y que al dar click recién cargue el video de youtube (no hace toda la carga al inicio, solo cuando el usuario le de click).
 
migueldeveloper disse:
Puedes hacer algo que coloque solo la imagen destacada del video y que al dar click recién cargue el video de youtube (no hace toda la carga al inicio, solo cuando el usuario le de click).
Clique para expandir...
Y eso cómo se hace?
 
pillo sitio
 
wp rocket
 
Sam40 disse:
Y eso cómo se hace?
Clique para expandir...

HTML: 
<iframe src="http:/www.tupagina.com/reproductorredirect.php?player=1&code=SbHhaVmdEvc&thumbnail=https://i.imgur.com/ebLaJZX.jpeg"></iframe>

Dentro de reproductorredirect.php:
PHP: 
<?php
if (isset($_GET['thumbnail']) && isset($_GET['code'])) {
    $thumb = $_GET['thumbnail'];
    $code = $_GET['code'];
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Redirect</title>
</head>

<body>
    <div id="player">
        <div id="background" style="position:absolute;opacity:0.4;z-index:1;background:url('<?php echo $thumb ?>');background-repeat:no-repeat;background-size:cover;width:100%;height:100%;left:0;top:0;"></div>
        <div style="text-align: center;"> click me </div>
    </div>
    <script>
        document.getElementById('background').onclick = function() {
            document.getElementById('player').innerHTML = '<iframe id="player" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/<?php echo $code ?>"></iframe>';
        }
    </script>
</body>
</html>

Como se ve, no es complicado xd. en la pagina youtube player se pueden ver las opciones que se le puede poner.
 
Última edição:
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

W
Optimizar carga web puede aportar al clima
Respostas
0
Visitas
151
WilyV
W
M
Plugin para otimizar carregamento de imagens no WordPress
Respostas
10
Visitas
809
sarcansino
S
N
Solução eficiente para carregamento de vídeos em página web
Respostas
2
Visitas
503
Nehemoth
N
B
Melhor plugin para otimizar carregamento de imagens
Respostas
3
Visitas
410
ramonjosegn
R
R
Melhor plugin para otimizar o carregamento do site e imagens
Respostas
8
Visitas
710
qcdar
Q
Voltar
Topo