Ir para conteúdo
Danezin Marques

Como organizar conteúdo de uma div e colocar as imagens no mesmo tamanho

Recommended Posts

Estou usando esse codigo

<div style="display:none;">
<div id="filmes">
#EXTINF:-1 tvg-logo="http://bit.ly/2Gxxd0O" group-title="LANÇAMENTOS", Star Wars: Os Últimos Jedi http://bit.ly/2FVB0qB
#EXTINF:-1 tvg-logo="http://bit.ly/2IuOs34" group-title="LANÇAMENTOS", Jumanji: Bem-vindo à Selva http://bit.ly/2HEAz1f
#EXTINF:-1 tvg-logo="http://bit.ly/2FDG9Vd" group-title="LANÇAMENTOS", Thor: Ragnarok http://bit.ly/2tRkjaZ
#EXTINF:-1 tvg-logo="http://bit.ly/2FMfqSi" group-title="LANÇAMENTOS", Pantera Negra https://dropapk.com/vidembed-kmvsele1xmp0.mp4
</div></div>
<div id="result">
</div>
<script>
var filmes = document.getElementById('filmes').innerHTML.replace(/\n|\r\n/g, '');
var $result = document.getElementById('result');
var lines = filmes.split(/#EXTINF/g);
console.log('lines', lines);
lines.forEach(function(str) {
  if (!str) return
  var p = str.match(/tvg-logo="([^"]+)" group-title="([^"]+)",(.*)(http.*)/)
  if (!p) return
  $result.innerHTML += '<a href="' + p[4] + '" title="' + p[3] + '"><img src="' + p[1] + ' "/></a>';
})

</script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Um truquezinho com CSS

 

<style>
.cover {
  width: 200px;
  height: 286px;
  overflow: hidden;
  display: inline-block;
}
</style>
<div style="display:none;">
<div id="filmes">
#EXTINF:-1 tvg-logo="http://bit.ly/2Gxxd0O" group-title="LANÇAMENTOS", Star Wars: Os Últimos Jedi http://bit.ly/2FVB0qB
#EXTINF:-1 tvg-logo="http://bit.ly/2IuOs34" group-title="LANÇAMENTOS", Jumanji: Bem-vindo à Selva http://bit.ly/2HEAz1f
#EXTINF:-1 tvg-logo="http://bit.ly/2FDG9Vd" group-title="LANÇAMENTOS", Thor: Ragnarok http://bit.ly/2tRkjaZ
#EXTINF:-1 tvg-logo="http://bit.ly/2FMfqSi" group-title="LANÇAMENTOS", Pantera Negra https://dropapk.com/vidembed-kmvsele1xmp0.mp4
</div></div>
<div id="result">
</div>
<script>
var filmes = document.getElementById('filmes').innerHTML.replace(/\n|\r\n/g, '');
var $result = document.getElementById('result');
var lines = filmes.split(/#EXTINF/g);
console.log('lines', lines);
lines.forEach(function(str) {
  if (!str) return
  var p = str.match(/tvg-logo="([^"]+)" group-title="([^"]+)",(.*)(http.*)/)
  if (!p) return
  $result.innerHTML += '<a href="' + p[4] + '" title="' + p[3] + '" class="cover"><img src="' + p[1] + ' " width="200" /></a>';
})
</script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

William Bruno

Poderia me ajudar novamente  quando clico na imagem nao abre mais o player para rolar o video

o link do video ficou assim

https://djralphguarujaeventos.blogspot.com.br/p/httpdelivery/filmes2018/MAZERUNNERLEG-ALTO.mp4

 

estou colocando o codigos com os links novos

 

<style>
.cover {
  width: 200px;
  height: 286px;
  overflow: hidden;
  display: inline-block;
}
</style>
<div style="display:none;">
<div id="filmes">
#EXTINF:-1 tvg-logo="https://goo.gl/NJEzeY" group-title="2018", MAZE RUNNER 3: A CURA MORTAL (LEG)
http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/MAZERUNNERLEG-ALTO.mp4
#EXTINF:-1 tvg-logo="https://goo.gl/qMMdq7" group-title="2018", FALA SÉRIO MÃE! (NAC)
http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/FALASERIEMAE-ALTO.mp4
#EXTINF:-1 tvg-logo="https://goo.gl/tKr24o" group-title="2018", CONSPIRAÇÃO TERRORISTA (DUB)
http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/CONSPIRACAOTERRORISTADUB-ALTO.mp4
#EXTINF:-1 tvg-logo="https://goo.gl/tKr24o" group-title="2018", CONSPIRAÇÃO TERRORISTA (LEG)
http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/CONSPIRACAOTERRORISTALEG-ALTO.mp4
</div></div>
<div id="result">
</div>
<script>
var filmes = document.getElementById('filmes').innerHTML.replace(/\n|\r\n/g, '');
var $result = document.getElementById('result');
var lines = filmes.split(/#EXTINF/g);
console.log('lines', lines);
lines.forEach(function(str) {
  if (!str) return
  var p = str.match(/tvg-logo="([^"]+)" group-title="([^"]+)",(.*)(http.*)/)
  if (!p) return
  $result.innerHTML += '<a href="' + p[4] + '" title="' + p[3] + '" class="cover"><img src="' + p[1] + ' " width="200" /></a>';
})
</script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi Danezin.

 

Não entendi, o que acontece agora? qual o erro? como o player abria antes?

o link que você postou deu não encontrado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

quando coloco o link do video nessa forma 

http://d24nzk5e3n7cvo.cloudfront.net/content/httpdelivery/filmes2018/MAZERUNNERLEG-ALTO.mp4

ele me da erro e nao abre o player em nova janela .

 

mas quando encurtei o link funcionou blz

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por MateusOFCZ
      Olá, eu criei uma página de publicidade, porém não fluiu como eu queria, então coloquei essa página em uma DIV, alguém poderia me informar se irá funcionar caso eu faça um sistema para ocultar essa DIV depois de 10 segundos?
      <!--- Publicidade ------> <div id="publicidadediv"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title><?= $config['hotelName'] ?> - Publicidade</title> <script src="/templates/GalaxyServers/client/js/jquery-latest.js" type="text/javascript"></script> <script src="/templates/GalaxyServers/client/js/jquery-ui.js" type="text/javascript"></script> <script src="/templates/GalaxyServers/client/js/spacehotel2018.js"></script> <script src="/templates/GalaxyServers/client/js/flash_detect_min.js"></script> <script src="/templates/GalaxyServers/client/js/client.js" type="text/javascript"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="icon" type="image/png" href="<?= $config["favicon"];?>"> </head> <body> <body style="background-color:black;"> <center><img src="https://i.imgur.com/kHdzpqq.png" style="width:396px;height:91px;"></center> <center><?php $imagens = array(); $imagens[] = '<a href="https://hobbyhotel.club/hotel?room=255" target="_blank"><img src="https://i.imgur.com/O0gSito.png" style="width:330px;height:250px;"></a>'; $imagens[] = '<a href="https://hobbyhotel.club/hotel?room=255" target="_blank"><img src="https://i.imgur.com/O0gSito.png" style="width:330px;height:250px;"></a>'; $chave = array_rand($imagens); $imagem = $imagens[$chave]; echo $imagem; ?></center> <center><img src="https://i.imgur.com/9FH4A5O.png" style="width:396px;height:91px;"></center> </body> </div> <!--- Publicidade ------> Gostaria de sabem também como faço para ocultar tudo isso após X segundos...
    • Por MateusOFCZ
      Olá, gostaria de saber como eu faço para mostrar uma imagem diferente ao acessar o site...
      Eu precisaria mostrar a imagem linkada, ou seja, quando clickar na imagem ela levará você para um link, porém cada imagem tem um link diferente, como faço isso?
      Caso você não tenha entendido seria uma espécie de "anúncios" em meu site, toda vez que reentrar nele irá mostrar uma imagem diferente, e essa imagem será linkada, e os links também serão diferentes um do outro.
    • Por luisdiascb
      ola pessoal eu queria por exemplo, eu tenho + de 4 mil visitas por dia no site mas nem todos dão um click para eu ganhar eu uso PoPADS.NET e por isso eles tende clicar.....
      Queria algo que podece usar no codigo index ou nas postagens dentro de uma div ou algo parecido e que automaticamente daria um click dentro da pagina em qualquer lugar para abrir o anuncio....
    • Por luisdiascb
      ola pessoal eu queria por exemplo, eu tenho + de 4 mil visitas por dia no site mas nem todos dão um click para eu ganhar eu uso PoPADS.NET e por isso eles tende clicar.....
      Queria algo que podece usar no codigo index ou nas postagens dentro de uma div ou algo parecido e que automaticamente daria um click dentro da pagina em qualquer lugar para abrir o anuncio....
    • Por JOWEB
      Olá pessoal.
      Preciso de ajuda novamente a algum tempo vendo uns videos no Youtube encontrei um video onde ensinava como deixa a imagens dos slide com tamanho único, onde o mesmo código eu adicionava no código CSS. Estou usando o tema colorMag, o mesmo tem um slide logo no topo do site so que quando mando uma imagens que nao tem o tamanha 800x445px a imagens faz com que o site fica dançando. Alguém pode me ajudar.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.