Código HTML de canal de televisión para Blogger

  • Autor Autor AntonioJose
  • Fecha de inicio Fecha de inicio
algunos amigos programadores me dicen que esta difícil y que porque esta protegido el código algo así, por eso me dirijo al foto.
 
Prueba este codigo

HTML:
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js">
</script>
<div id="player"></div>
<script>
var player = new Clappr.Player({source: "https://edge.teveo.com.co/live/AeAAAgAJAAFFA1IAyADIQCAAAAAAAAAAAmYmCbS-KlYtAAAA/playlist.m3u8", parentId: "#player"});
</script>
 
Prueba este codigo

HTML:
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js">
</script>
<div id="player"></div>
<script>
var player = new Clappr.Player({source: "https://edge.teveo.com.co/live/AeAAAgAJAAFFA1IAyADIQCAAAAAAAAAAAmYmCbS-KlYtAAAA/playlist.m3u8", parentId: "#player"});
</script>
mil millones de graciassssssssssss, sale en negro le doy play y sale pero como lo coloco en resposive? ya que en el cel sale rectangular se sale de la pantalla y en la web sale corto.
 

Adjuntos

  • Captura de pantalla 2024-04-22 021056.webp
    Captura de pantalla 2024-04-22 021056.webp
    2,9 KB · Visitas: 16
algo extra claro esta si se puede, si no se deja así tranquilo cuando no esta en play se puede cargar así como esta en original con la imagen roja?
o con una imagen personalizada?

osea que no salga negra
 

Adjuntos

  • Captura de pantalla 2024-04-22 021255.webp
    Captura de pantalla 2024-04-22 021255.webp
    16,5 KB · Visitas: 13
El m3u8 lo sacas de aqui https://teveo.com.co/player/AcAAAgAJAAFFA1IAyADIQCAAAAAAAAAA.js

HTML:
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js">
</script>
<div id="player"></div>
<script>
var player = new Clappr.Player({source: "https://edge.teveo.com.co/live/AeAAAgAJAAFFA1IAyADIQCAAAAAAAAAAAmYmgzy-KlYtAAAA/playlist.m3u8",   width: '100%',
  height: '400px', poster: 'https://i.ibb.co/RTnb4Td/wolverine-fortnite.jpg', parentId: "#player"});
</script>
 
Pero si ya te habian pasado el codigo ajjajaj
Solo era poner 3 lineas.
HTML:
<style>.video-js{aspect-ratio:16/9}</style>
<div id="video-contenedor" class="inner"></div>
<script type="text/javascript" src="https://teveo.com.co/player/AcAAAgAJAAFFA1IAyADIQCAAAAAAAAAA.js"></script>
 
Vaya, ese canal ni siquiera le mete política de CORS.
 
Pero si ya te habian pasado el codigo ajjajaj
Solo era poner 3 lineas.
HTML:
<style>.video-js{aspect-ratio:16/9}</style>
<div id="video-contenedor" class="inner"></div>
<script type="text/javascript" src="https://teveo.com.co/player/AcAAAgAJAAFFA1IAyADIQCAAAAAAAAAA.js"></script>
por fin gracias jejejejeje igualmente gracias a rodos por la paciencia jejeje 🙁
como meto esto en ese código? width: '100%', height: '400px' por lo menos para que quede mas largo hacia abajo.

y por ultimo el bloque adense que tengo arriba en el header nunca aparece en las paginas estáticas cierto?
 

Adjuntos

  • por fin.webp
    por fin.webp
    13,6 KB · Visitas: 13
Prueba este codigo

HTML:
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js">
</script>
<div id="player"></div>
<script>
var player = new Clappr.Player({source: "https://edge.teveo.com.co/live/AeAAAgAJAAFFA1IAyADIQCAAAAAAAAAAAmYmCbS-KlYtAAAA/playlist.m3u8", parentId: "#player"});
</script>
gracias ya solucionado aunque este sale así 🙁 jejeje con ese error.
 

Adjuntos

  • sale asi.webp
    sale asi.webp
    19 KB · Visitas: 16
Listo para usar en cualquier momento! Lo he probado en Blogger antes de comentar, y puedo afirmar que funciona de maravilla. ¡Aprovecha al máximo su potencial en todos los canales y disfruta de los resultados

HTML:
<div style="position: relative; padding-bottom: 50%; height: 0;">
  <iframe src="https://teveo.com.co/AcAAAgAJAAFFA1IAyADIVKgAAAAAAAAA" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameborder="0" allowfullscreen="true"></iframe>
</div>
 
Última edición:
Listo para usar en cualquier momento! Lo he probado en Blogger antes de comentar, y puedo afirmar que funciona de maravilla. ¡Aprovecha al máximo su potencial en todos los canales y disfruta de los resultados

HTML:
<div style="position: relative; padding-bottom: 50%; height: 0;">
  <iframe src="https://teveo.com.co/AcAAAgAJAAFFA1IAyADIVKgAAAAAAAAA" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameborder="0" allowfullscreen="true"></iframe>
</div>
esoooooooooo excelente amigo muchas pero muchas gracias quedo todo perfecto.
claro a los demás muchas gracias también por la ayuda. les agradezco
creo que ya tema cerrado graciassss hermano perfecto todo.
 
recuerdan que me ayudaron hacer esto? ahora me sale esto: La página teveo.com.co ha rechazado la conexión.
🙁 ayuda por favor.

será temporal o para siempre.
 
para que ayudan tanto a alguien que no tiene ni la mas minima ganas de aprender o averiguar por si mismo...
que facil se deja manipular la gente xd!
 
para que ayudan tanto a alguien que no tiene ni la mas minima ganas de aprender o averiguar por si mismo...
que facil se deja manipular la gente xd!
de que habla usted? muy agradecidamente me ayudaron aquí deje de hablar na.

eso fue hace mucho tiempo, pero de hace unos días sale ese error y les pregunto a que se debe.
 
recuerdan que me ayudaron hacer esto? ahora me sale esto: La página teveo.com.co ha rechazado la conexión.
🙁 ayuda por favor.

será temporal o para siempre.
todo esta en orden
1725343302233.webp
 
de igual manera tengo un texto en la pagina estática y de borra el texto se oculta,
Pudiste resolver el problema amigo. Ve a la página estática y cambia de vista de redacción a HTML y pega el código. No es tan difícil.
 
Pudiste resolver el problema amigo. Ve a la página estática y cambia de vista de redacción a HTML y pega el código. No es tan difícil.
si es que antes estaba funcionando perfecto, pero hace dias dejo de funcionar se cayo
 
*i es que antes estaba funcionando perfecto, pero hace dias dejo de funcionar se cayo
parece cambio la encriptación del video a bob, asi es mucho mas complicado necesitaras usar un server para obtener el link.
 
Atrás
Arriba