Autor Topic: PHP - Insertar Video de Fondo  (Visto 221 veces)

0 Miembros and 1 Guest are viewing this topic.

Offline Azzlaer on: March 14, 2019, 10:35:10 AM

  • Colaborador
  • *
  • Rank: Puto amo
  • Posts: 1.013
  • Gracias recibida: 8182
  • cl

HOLA TSM les vengo a pedir a todos los programadores y diseñadores de este foro si alguno de ustedes puede resolverme la duda de como insertar un video como en este template.

http://tuservermu.com.ve/index.php?topic=10823.0



La idea es terminar un template propio que tengo y añadirle ese fondo de pantalla con un video personalizado, intente recrear el codigo del template original al mio y no me sale :P

Espero ansioso el tutorial ... Gracias

« Ultima edicion: March 15, 2019, 12:29:18 AM by Azzlaer »

Offline PIRELA #1 on: March 14, 2019, 05:34:09 PM

  • 3D Maker
  • *
  • Rank: Experto
  • Posts: 156
  • Gracias recibida: 277
  • ve
men eso no te lo aran asi por asi ya que lo que pides es praticamente un trabajo de programacion en php, css y html ya que la mucore utiliza esos 3 lenguajes para la creacion de un template por lo tanto el que te lo aga ovio te cobrara

Offline ElChapu #2 on: March 14, 2019, 05:58:01 PM

  • C++ Coder
  • *
  • Rank: Dedicado
  • Posts: 37
  • Gracias recibida: 240
  • ar
Hola probaste con la etiqueta video de html5?

te pongo un ejemplo sencillo.

Code: [Select]
<video autoplay="autoplay" loop="loop" id="video_background" preload="auto" volume="50"/>
  <source src="/url/tuvideo.mp4" type="video/mp4" />
</video/>

en el CSS es donde se maneja que la etiqueta video se fije como background

Code: [Select]
#video_background { 
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
#video_pattern {
background:#fff;
position: fixed;
opacity: 0.8;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}


Bueno probalo, si no funca avisame y te armo una web defaul html con un video asi lo ves como base

saludos
OGC-Soft Desde el 2006

Offline EmmaDCG #3 on: March 14, 2019, 10:30:12 PM

  • Colaborador
  • *
  • *
  • Rank: Puto amo
  • Posts: 467
  • Gracias recibida: 4699
  • ve
Guiate de este tutorial


Offline Azzlaer #4 on: March 14, 2019, 11:21:24 PM

  • Colaborador
  • *
  • Rank: Puto amo
  • Posts: 1.013
  • Gracias recibida: 8182
  • cl
Acabo de llegar del trabajo ... en breve reviso si funciono y dejo los comentarios :3 jajaja que idiota .. no lo busque en youtube jajaja .. gracias

 

Related Topics

  Subject / Started by Replies Last post
2 Replies
271 Views
Last post April 28, 2017, 01:24:30 AM
by CristianPeláez
4 Replies
445 Views
Last post August 07, 2017, 04:21:22 PM
by xmemox
2 Replies
432 Views
Last post November 13, 2017, 11:23:22 AM
by ZabiinoOo
2 Replies
618 Views
Last post August 13, 2018, 03:30:32 PM
by Cloud
9 Replies
413 Views
Last post March 29, 2019, 12:41:26 PM
by Gaboo;