El otro día en un cliente tuvimos que desactivar la pre-carga de los vídeos html5 (podéis ver cómo aquí). Esto tiene una ventaja….la web carga mejor. Pero una desventaja también, no aparece la imagen de presentación del vídeo.
En nuestro caso decidimos poner el mismo para todos, así que pusimos un fondo a la etiqueta video de html5. También es buena solución para encajar ese fondo en todos los dispositivos.
Tenemos que poner en el CSS correspondiente:
video {
width:300px;
height:150px;
background:transparent url('urldelficheroimangen') no-repeat 0 0;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
Aquí evidentemente tenemos que cambiar el ancho y alto por los que queramos para nuestros vídeos y la url del background por la de nuestra imagen. También modificar el resto de parámetros según convenga.
Y ya está 😀
Os recomendamos los siguientes productos relacionados con la informática:
Sveon SCT011M - Lector DNI Electrónico y Tarjetas Inteligentes Compatible con Mac y Windows
9,03 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Lapiz para Tablet Universal,Lápiz para Pantalla Táctil,Toque de Tableta de Alta Sensibilidad y Precisión con 2 Puntas Reemplazables,Compatible Samsung/Vivo/Xiaomi/Huawei/Smartphone/Android/iOS
9,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Logitech MK270 Combo Teclado y Ratón Inalámbrico para Windows, 2,4GHz Inalámbrico, Ratón Compacto, 8 teclas multimedia y de acceso directo, 2 años de batería, PC, PC Portátil, QWERTY Español - Negro
24,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
HP 304 N9K06AE, Negro, Cartucho de Tinta Original, compatible con impresoras de inyección de tinta HP DeskJet 2620, 2630, 3720, 3730, 3750, 3760, HP Envy 5010, 5020 y 5030
15,98 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
BOOX Tablet Note Air4 C 10,3 Pulgadas Color ePaper Notepad 64 GB Android 13 E-Ink
549,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Memoria USB 982GB - Alta Velocidad USB 3.0 Pendrive Gran Capacidad Memory Stick Metal Disco Duro Externo, para Almacenamiento de Datos, TV, PC, Portátil
18,99 € (as of 20 noviembre, 2024 08:43 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Biegedy Tablet 10 Pulgadas Android 14, 20GB RAM + 128GB ROM + TF 1GB, Dual Band WiFi 6, Widevine L1 / 5 MP + 8 MP / 1280 * 800 / Bluetooth 5.0, Octa-Core 1.8GHz Tablet con Teclado y Raton Oro
99,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
ARCTIC MX-4 (8 g) - Premium Performance Pasta Térmica para Todos los procesadores (CPU, GPU - PC, PS4, Xbox), Muy Alta conductividad térmica, Larga Durabilidad, Aplicación Segura, No conductora
5,50 € (as of 20 noviembre, 2024 08:43 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
SanDisk 64GB Ultra USB Flash Drive USB 3.0 Up to 130 MB/s Read, Black, (Pack of 1)
6,98 € (as of 20 noviembre, 2024 08:43 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)