Como AGREGAR VIDEO como FONDO en una PAGINA WEB con HTML y CSS

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025
  • НаукаНаука

Комментарии • 98

  • @AlexCGDesign
    @AlexCGDesign  5 лет назад +6

    📌 Descarga el archivo base y ve las paginas usadas en el video: bit.ly/2wLpgkg

  • @bryanandiallerena1914
    @bryanandiallerena1914 4 года назад +4

    Me sorprende que un vídeo tan bueno tenga tan pocos likes. Sigue así crack, buen trabajo 👍

  • @rubenajcu8724
    @rubenajcu8724 4 года назад +23

    Si no funciona prueben con onloadstart en lugar de onloadedmetadata

  • @luisespinosa7373
    @luisespinosa7373 5 лет назад

    Muchas gracias, hoy me sacaste de un apuro, suscrito y pendiente de mas vídeos, bendiciones!!!!

  • @franciscopaz5139
    @franciscopaz5139 5 лет назад +1

    Hola que tal, muchas gracias por compartir tus conocimientos y los videos. Saludos y éxitos.

  • @gabrielpinheiro3038
    @gabrielpinheiro3038 Год назад

    Fenomeno que buen video! :)

  • @leandrostudio647
    @leandrostudio647 4 года назад

    Mil gracias amigo; saludos desde España

  • @liberty8338
    @liberty8338 2 года назад

    Exelente. Me sirvió mucho.

  • @giovannygarzonsoto
    @giovannygarzonsoto 5 лет назад +1

    bro te sigo hace mucho eres muy pro XD sigue asi saludos

  • @oliveryaxon9462
    @oliveryaxon9462 4 года назад +2

    bro ayudame, hice todo pero no se reproduce en chrome solo en firefox, igual descargue tu archivo y tu pagina no se reproduce en chrome solo en firefox no se que pasa😕

  • @djninomixxd
    @djninomixxd 3 года назад

    Hola no me respondiste a mi pregunta como dimensionar el video de fondo y se adapte al achicar la pagina asi como al verlo por celular

  • @elkin8551
    @elkin8551 Год назад

    Amigoooo, yo programa en el idle de visual studio code, pero yo lo tengo que al momento de ejecutar el html me envie al navegador de microsoft edse, pero el fondo no carga, lo abri por pycharm bueno en pycharm te deja ir a cualquier de los 3 navegadores y lo abri en edse e igual no me funcionaba el fondo, lo abri por mozilla y me empezo a cargar, pero la verdad quiero que el fondo me cargue en cualquier navegador, como puedo hacer para que mi fondo cargue en cualquier navegador? :c

  • @maxvillasantec
    @maxvillasantec 4 года назад +2

    como hacer que se reproduzca en Google Crhome ????

  • @mobig2974
    @mobig2974 4 года назад

    Muchas gracias, me sirvió mucho

  • @fernandolegaspi9575
    @fernandolegaspi9575 2 года назад

    como puedo ajustar la velocidad del video, sin controls, desde css ? he intentado pero no puedo

  • @govannakathia
    @govannakathia 5 лет назад +3

    Me encanto ❤️😎

  • @DanielCodContent
    @DanielCodContent 2 года назад

    Muy buen video!

  • @moisesosegueda2048
    @moisesosegueda2048 4 года назад

    Y si quiero subir mi pagina a github pages que hago con mi video ? ya que no lo puedo subir a github

  • @TheHombrepolar
    @TheHombrepolar 2 года назад +4

    Aquí hay un link para solucionar el problema de reproducción en Google Chrome:
    es.stackoverflow.com/questions/173187/html-chrome-no-reproduce-autoplay

  • @yeshua177
    @yeshua177 2 года назад

    Buen video,nuevo sub

  • @andresjairramirezjuzga543
    @andresjairramirezjuzga543 3 года назад +2

    Hola Alex se que este vídeo lo subiste hace mucho tiempo, excelente vídeo pero no se porque no empieza el vídeo cuando lo abro desde Lite Server o Open in Default Browser ? me ayudas lo mas pronto posible, Gracias ya deje like y suscripción

  • @sarpfn
    @sarpfn 3 года назад

    No se me reproduce yo lo hago desde celular se me queda el video con el icono de play y ya ayuda porfa. Gracias

  • @marlonadalidbossapuelloest7507
    @marlonadalidbossapuelloest7507 3 года назад

    Hola, tengo una pregunta y es. Sigo todos los pasos y mi vídeo no se reproduce, se queda como trabado. Qué ocurre ahí, como solucionno?

  • @drakeordoñezz
    @drakeordoñezz Год назад

    unA PREGUNTA PORQUE CUANDO CORRO LA PAGINA (ME SALE EL VIDEO PERO NO SE REPRODUCE SE QUEDA TODO TIESO PARECIERA Q ES UNA IMAGEN...alguna solucion a eso

    • @cristianbarrios7341
      @cristianbarrios7341 Год назад

      Porque ahora los navegadores se actualizaron y no hace falta hacer lo que hizo en este video ya que es de hace 4 años. Ahora se debe hacer y listo.

  • @AngelMontiel7
    @AngelMontiel7 4 года назад

    Cuando lo hago en mi pc funciona bien, pero lo subo a la web y no arranca, ¿Alguna opcion?

  • @completandomandalas2039
    @completandomandalas2039 4 года назад +1

    Mil gracias, me quedo fenomenal, pero tengo un problema porque firefox me bloquea la reproducción autimática, se te ocurre como solucionarlo?

  • @alejandroleal5040
    @alejandroleal5040 3 года назад

    Hola!!... Muy bueno tu video! Estoy aprendiendo y con este video pude a llevar a cabo unas practicas!!.. También te consulto... al colocar position: absolute; en el .absolute el titulo H1 se esconde a que se puede deber? Gracias!

  • @dylancortesponce1380
    @dylancortesponce1380 4 года назад

    uffff hermano exelente muy bien explicado nuevo suscriptor

  • @victorvalenciasuarez9529
    @victorvalenciasuarez9529 4 года назад

    trato de insertar el vídeo pero en el explorador me aparece en negro y en el VS code me dice que "el archivo no se muestra en el editor porque es binario..." ayuda por favor

  • @eliasgurzale3322
    @eliasgurzale3322 2 года назад

    hay sabe como hacer lo mismo pero con sass?

  • @OASISmarket-wt6ul
    @OASISmarket-wt6ul 9 месяцев назад

    no tiene que ser necesariamente poner onloadedmetada solamente al lado de la etiqueta video pones muted y el video se reproducidara solo

  • @serviciosar2993
    @serviciosar2993 4 года назад

    que bueno!!! se puede hacer lo mismo con un slider de fondo? -supongo que si. Gracias por compartir tus conocimientos.

  • @moralestorresalejandro6289
    @moralestorresalejandro6289 4 года назад +1

    ¿Los videos se reproducen en Google Chorme?

    • @rubenajcu8724
      @rubenajcu8724 4 года назад +7

      INTENTA CON onloadstart

    • @rubenajcu8724
      @rubenajcu8724 4 года назад +2

      en lugar de onloadedmetadata

    • @maxvillasantec
      @maxvillasantec 4 года назад +1

      @@rubenajcu8724 gracias amigo, si se soluciono

    • @blackshark1975
      @blackshark1975 4 года назад +1

      @@rubenajcu8724 También estaba detenido por ese problema y tu comentario me ayudo a solucionarlo , gracias!!

    • @carlossanchezacosta8289
      @carlossanchezacosta8289 4 года назад +1

      @@rubenajcu8724 muchas gracias, estaba atascado por eso... muchisimas gracias

  • @FaltronMotors
    @FaltronMotors 2 года назад

    el video no se reproduce, por que sera?? esta todo igual

  • @ricardofernandez5010
    @ricardofernandez5010 5 лет назад

    hola, muchas gracias por el vídeo. Una pregunta, es posible colocar un vídeo como fondo y que este se detenga justo en el ultimo fotograma? por ejemplo en el video de tu ejemplo es posible que este se detenga cuando la persona retira las manos fuera de la pantalla y se quede ahi sin que sea loop?

  • @alexisgraff2049
    @alexisgraff2049 2 года назад

    Hola que tal, como estas ? Muchas gracias por tu contenido ! Una consulta, quiero poner un video de fondo pero no en toda la pagina, sino solo en una seccion, y lo que me pasa es que me es imposible centrarlo bien para todas las resoluciones, si achico la pantalla y demas, se me corre, alguna solucion? Porque siempre veo que todos los tutoriales que hay de fondos con video es para toda la pagina, no para una seccion particular

  • @jser.rodriguez
    @jser.rodriguez 2 года назад

    y para chorme ?

  • @gersongonzalez.4166
    @gersongonzalez.4166 4 года назад +1

    Muy buen video, alguien sabe como hacer para que se reproduzca automaticamente en Opera.

  • @jorge03b
    @jorge03b 5 лет назад +2

    hola buenas buen video , pero me gustaria saber como puedo hacer que se reproduzcan varios video seguidos nos solo el mismo un saludo y gracias

    • @eresguay
      @eresguay 3 года назад +1

      joder pues montas los vídeos con el adobe premiere o lo que sea y cargas ese vídeo

  • @_jafet_7166
    @_jafet_7166 2 года назад

    Y si quiero q el vídeo se escuche ?

  • @heythere_696
    @heythere_696 4 года назад

    gracias me funciono

  • @robotdroid-l7189
    @robotdroid-l7189 4 года назад

    hola Alex cg era para decirle que tengo un problema y haber si me podría ayudar .y es que entre un amigo y yo estamos haciendo una pagina web entre los dos pero el toca lo que es el Photoshop y yo el código html bueno pero no soy un profesional vale entonces el tema esta que los botones que esta poniendo para que funcione bien como lo tendría que poner yo
    le espero su contestación gracias por todo y hace buenos videos gracias

  • @laloescareno2708
    @laloescareno2708 4 года назад +2

    El código funciona en visual studio 2019?

  • @danieledgardopalomar7812
    @danieledgardopalomar7812 5 лет назад

    muy bueno!!!

  • @djninomixxd
    @djninomixxd 3 года назад

    Hola gracias a tus videos e aprendido bastante pero aun soy novato... pero podrias explicar como dimensionar el video de fondo? Me queda mal y aparte al verlo en celular se vee muy mal corrido

  • @hash5075
    @hash5075 4 года назад

    hola alex espero que tu dia este muy bien mira podrias enseñarno como montarle un efecto wave o skewched a un video, y puderias hacer un smooth scrool con videos

  • @joseluis912
    @joseluis912 3 года назад +2

    Amigo no sé si sea mucho pedir pero puedes hacer un tutorial para que el vídeo se reproduzca con relación al Scroll. Algo así como la página de Apple ☺️

  • @brandonjavieralemanavila3366
    @brandonjavieralemanavila3366 4 года назад

    Mis respeeetos!!!!, una pregunta...se pueden usar los comandos en el block de notas?

  • @tierrasanta762
    @tierrasanta762 Год назад

    en iphone no me corre video

  • @mitrobot8819
    @mitrobot8819 5 лет назад

    saludos desde california

  • @AaronRocPhoto
    @AaronRocPhoto 4 года назад

    Cuanto es lo máximo que puede pesar un video? 🤔🤔🤔

  • @danimamblona2005
    @danimamblona2005 3 года назад

    Te quiero de verdad te quiero

  • @alisanchez3291
    @alisanchez3291 2 года назад

    no se me reproduce el video :(

  • @fahrenheitroutine9252
    @fahrenheitroutine9252 Год назад

    amigos de esta forma se me reproduce el video en chrome


    Bienvenido a Felipe mundo

  • @ettercap5384
    @ettercap5384 5 лет назад +1

    Hola, buenas, a mi no se me autoreproduce el video :c

    • @LuckioAre
      @LuckioAre 4 года назад +6

      Utiliza onloadstart en lugar de onloadedmetadata

    • @SBkymg
      @SBkymg 4 года назад

      @@LuckioAre me reproduce el video pero no se como ponerle audio porque quiero que se escuhe

    • @LimitlessMark
      @LimitlessMark 4 года назад

      @@LuckioAre Genio!, lo estaba utilizando con chrome y con onloadedmetadata no me estaba funcionando, muchas gracias!
      Saludos.

    • @elmerflores4863
      @elmerflores4863 4 года назад

      @@LuckioAre grande pe

  • @paolafuentes2199
    @paolafuentes2199 3 года назад

    ayudaaa , no carga el video

  • @AxelH15
    @AxelH15 4 года назад +2

    y como haces lo mismo, pero con audio? :u

  • @gusober4673
    @gusober4673 3 года назад

    alexcG a que la G es de Gonzales xd, 👉 es un video para ciegos no se ve nada del codigo. Es un audio libro?

  • @KrizKozlov200592
    @KrizKozlov200592 5 лет назад +2

    El diseño es reponsivo?

    • @AlexCGDesign
      @AlexCGDesign  5 лет назад +3

      Claro amigo, la mayoría de mis trabajos son responsivos

  • @franciscopaz5139
    @franciscopaz5139 5 лет назад +1

    Una pregunta AlexCG, se puede hacer una pagina donde solo contenga mis videos y peliculas para verlas en red??? Te comento, hace mucho tiempo que deje todo esto, antes era solo html y usaba como servidor el apache o phpMyAdmin, pero ya me oxide jaja. Solo quiero hacer esto para una red interna en mi cyber. Si me sale bien te invito con un café, algo como lo que quiero hacer seria como la pagina (www.pelisplus.to/). Saludos y éxitos.

  • @fernandoenrique5622
    @fernandoenrique5622 4 года назад

    No me sale bro :c

  • @lacliconauwu8468
    @lacliconauwu8468 4 года назад

    nunca supe que comando mencionaste tienes demasiados errores en tu video

  • @KratoritosZzz
    @KratoritosZzz 3 года назад

    use brave y no se reproduce

  • @tomascallenius2422
    @tomascallenius2422 Год назад

    jajjaja crack mal

  • @recinemap9099
    @recinemap9099 3 года назад