<video preload='auto' id='my-video'
src='cuplayer.mp4' webkit-playsinline='true'
playsinline='true'x-webkit-airplay='true'
x5-video-player-type='h5'
x5-video-player-fullscreen='true'
x5-video-ignore-metadata='true'
width='100%' height='100%'>
<p> 不支持video</p>
</video>
.fill { object-fit: fill; }
.contain { object-fit: contain; }
.cover { object-fit: cover; }
.none { object-fit: none; }
.scale-down { object-fit: scale-down; }
relleno: interpretación china de "relleno". predeterminados. El contenido de reemplazo se estira para llenar todo el cuadro de contenido y no se garantiza la proporción original.
contiene: paráfrasis china "contiene". Mantenga la relación de tamaño original. Asegúrese de que el tamaño del contenido de reemplazo debe caber dentro del contenedor. Por lo tanto, este parámetro puede dejar espacios en blanco dentro del contenedor.
cover: interpretación china de "cover". Mantenga la relación de tamaño original. Asegúrese de que el tamaño del contenido de reemplazo sea mayor que el tamaño del contenedor, y que al menos uno de los dos, el ancho y el alto, sea consistente con el contenedor. Por lo tanto, este parámetro puede hacer que partes del contenido reemplazado (como las imágenes) sean invisibles.
ninguno: interpretación china de "nada". Mantenga la relación de tamaño original. Manteniendo el tamaño original del contenido reemplazado.
scale-down: interpretación china de "inferior". Es como si ninguno o contener se colocaran a su vez, y finalmente se presentara el de menor tamaño.
Mis recomendaciones de artículos populares
- Prueba de efecto del cambio de director en la nube en línea para transmisión de video en vivo multicanal
- ¿Cómo convertir el video en un código QR, escanear el código y reproducirlo directamente?
- ¿Qué sitios web suben videos sin insertar anuncios?
- ¿Cómo generar un código QR a partir de un vídeo? ¿Escanea el código QR en WeChat para verlo? sin publicidad
- Tabla de comparación de tamaño de foto de uso común, el tamaño de la foto está justo en esta tabla
- Estrategia de transmisión de video en vivo (interfaces de transmisión push de las principales plataformas organizadas)
- Función de reproducción de video HTML5 a doble velocidad
- Te enseño un truco: ¿cómo realizar una lista de reproducción de múltiples videos?
- Cómo implementar la función de reproducción de videos en la lista de videos en la cuenta pública de WeChat
- Función de reproducción de vídeo a doble velocidad H5 (un ejemplo de función de visualización de vídeo a varias velocidades)
- Cómo configurar un servidor FTP
- Cómo cargar archivos mediante FTP (transferencia de archivos FTP)
- Guía del usuario de OBS Live Tool/Herramienta para enviar fuentes de video en vivo a servidores de OBS
- El navegador QQ secuestra la etiqueta de video para cargar su propio anuncio (¿cómo resolverlo?)
- ¿Cómo hacer que su sitio web reproduzca videos corporativos sin anuncios? marca
- Enseñarle a configurar rápidamente un servidor FTP en entorno Win (tutorial gráfico completo)
- Cómo encriptar video con la etiqueta html5-video
Mi recomendación de video artículo
- ¿Cómo hacer que su sitio web reproduzca videos corporativos sin anuncios? Márcalo (admite funciones de carga, transcodificación automática, almacenamiento y reproducción)
- La versión completa del ejemplo de cómo llamar a archivos mp4 desde el código de la página web Coolcast v4.0 (el video debe ser procesado por usted mismo)
- ¿Cómo acceder rápidamente al video promocional corporativo a la cuenta oficial de WeChat?
- Tutorial de la aplicación de código QR en video y guía del usuario
- Función para compartir código QR de video con un solo clic, ¡tan fácil!
- ¿Cómo convertir el video en un código QR, escanear el código y reproducirlo directamente?
- Función de reproducción de vídeo a doble velocidad H5 (un ejemplo de función de visualización de vídeo a varias velocidades)
- El navegador QQ secuestra la etiqueta de video para cargar su propio anuncio (¿cómo resolverlo?)