background video

[evelyng.com]

Hola amigos

 

En este momento mi prestashop tiene un gif de fondo y quiero cambiarlo por un video webm para aumentar la velocidad de carga.

 

En el archivo theme.css tengo esté código:

 

#wrapper{background-image: url("https://evelyng.com/vestidos/themes/playa 410.gif")

 

cual seria el nuevo código para insertar el video que ya tengo subido en https://evelyng.com/vestidos/themes/playa5.webm ?

 

Ya revise varios foros y me muestran codigo html5 y css pero no entiendo donde va?

gracias por su colaboración.

[juanrojas]

Hola y si usas las herramientas del editor? creo que hay una para colgar video alli te dejara poner la url

[evelyng.com]

16 hours ago, juanrojas said:

Hola y si usas las herramientas del editor? creo que hay una para colgar video alli te dejara poner la url

Por favor me podrías indicar la URL dónde puedo buscar?

 

Gracias

[juanrojas]

si tu editor no lo tiene entonces mira https://victor-rodenas.com/2017/01/03/editor-de-textos-avanzado-en-prestashop-1-7/

[evelyng.com]

encontré este código y lo adapté al sitio, pero aun no funciona

 

<video id="video-playa" muted  autoplay="autoplay" loop preload poster="playaolas.jpg" size="cover" height=105%vh; width=105%vw>

  <source src="https://evelyng.com/vestidos/themes/playa5.webm" type="video/webm"; src="https://evelyng.com/vestidos/themes/playa5.mp4" type="video/mp4"; src="https://evelyng.com/vestidos/themes/playa5.ogv" type="video/ogg"; src="video.gif">

 </source>

</video>

[evelyng.com]

quisiera pedir su ayuda, donde coloco el código css y donde coloco el código html que aparece en los foros de "videos background"?

[evelyng.com]

encontré este vídeo que puede ayudar si alguien mas esta buscando: