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

[Danezin Marques 0]

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>

 

[William Bruno 1501]

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>

 

[Danezin Marques 0]

Valeu ficou muito bom Obrigado

 

 

[Danezin Marques 0]

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>

 

[William Bruno 1501]

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.

[Danezin Marques 0]

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