Insertar vídeo compatible con Chromecast - Pantalla inalámbrica

Carlos escrito el 26.10.AM a las 09:23 horas


Vídeo compatible con Chromecast

 


Vamos a ver como insertar un vídeo en nuestra web con la posibilidad de poder mandarlo a la TV

 

 


Hay que  insertar un reproductor en html5, pon este código mediante marcador de lugar en body, tienes que modificar el nombre del vídeo.mp4 y la imágen.jpg, hay que insertar el vídeo y la imágen en la raíz del servidor junto a carpeta index_htm_files y la página.html que tenga el reproductor insertado. Elimina los asteristicos del código.

 

 


Para saber cómo mover los archivos a la raiz del servidor puedes mirar este tutorial

 

 


https://www.magix.info/es/tutoriales/publicar-web-con-webdesigner-y-filezilla--1090603/

 

 

 


*<video id=0 controls poster="hielo.jpg" width=640 height=358>

<source src="hielo-4.ogv" type="video/ogg; codecs="theora, vorbis""/>

<source src="hielo-4.webm" type="video/webm" >

<source src="hielo-4.mp4" type="video/mp4">

<p>TU EQUIPO NO SOPORTA HTML5 VIDEO</p>

 

 


</video>*

 

 


 

 

 


Con insertar el video en mp4 es suficiente ya que este formato es compatible con la mayoría de dispositivos

 

 


Para enviar el video a la tv hay que poner el vídeo a pantalla completa y si tienes  el Chromecast activado te aparece el icono de enviar vídeo a la tv, lo pulsas y listo. Es posible que si la tv tiene esa función integrada no haga falta el Chromecast.

 

 


 

 

Comentarios

Carvajal escrito el 30.12.PM a las 16:53 horas

Muchas gracias compañero, al parecer empieza a tomar formar con tu tip, me podrías apoyar con otra duda, ¿hay manera de poder ocultar el recuadro de reproductor, es decir que no este la posibilidad de hacer pausa, que no sea vea los controles?

estoy probando esto que encontre:

<video id="mi_archivo" width="100%" class="big" autoplay="" muted="" loop="" playsinline="" poster="">
 


Vídeo compatible con Chromecast

 


Vamos a ver como insertar un vídeo en nuestra web con la posibilidad de poder mandarlo a la TV

 

 


Hay que  insertar un reproductor en html5, pon este código mediante marcador de lugar en body, tienes que modificar el nombre del vídeo.mp4 y la imágen.jpg, hay que insertar el vídeo y la imágen en la raíz del servidor junto a carpeta index_htm_files y la página.html que tenga el reproductor insertado. Elimina los asteristicos del código.

 

 


Para saber cómo mover los archivos a la raiz del servidor puedes mirar este tutorial

 

 


https://www.magix.info/es/tutoriales/publicar-web-con-webdesigner-y-filezilla--1090603/

 

 

 


*<video id=0 controls poster="hielo.jpg" width=640 height=358>

<source src="hielo-4.ogv" type="video/ogg; codecs="theora, vorbis""/>

<source src="hielo-4.webm" type="video/webm" >

<source src="hielo-4.mp4" type="video/mp4">

<p>TU EQUIPO NO SOPORTA HTML5 VIDEO</p>

 

 


</video>*

 

 


 

 

 


Con insertar el video en mp4 es suficiente ya que este formato es compatible con la mayoría de dispositivos

 

 


Para enviar el video a la tv hay que poner el vídeo a pantalla completa y si tienes  el Chromecast activado te aparece el icono de enviar vídeo a la tv, lo pulsas y listo. Es posible que si la tv tiene esa función integrada no haga falta el Chromecast.

 

 


 

 

 

Carlos escrito el 30.12.PM a las 17:45 horas

Hola puede probar a eliminar la etiqueta controls.

Recuerde añadir la etiqueta autoplay 😃👍

Un saludo y feliz entrada y salida de año.

 

<video autoplay " width=640 height=358>

<source src="hielo-4.webm" type="video/webm" >

<source src="hielo.mp4" type="video/mp4">

<p>TU EQUIPO NO SOPORTA HTML5 VIDEO</p>

</video>