Directorio de artículos
1. Configuración de etiquetas:
| nombre de etiqueta | describir |
|---|---|
| src | La dirección de la ruta a reproducir. |
autoplay |
Ya sea para reproducir automáticamente, el valor predeterminado es falso (booleano) |
loop |
Ya sea para reproducir en bucle, el valor predeterminado es falso (booleano) |
| apagado | Ya sea para jugar en silencio, el valor predeterminado es falso (booleano) |
| tiempo inicial | Establezca la posición de reproducción inicial del video, en segundos (el número no es compatible con el subprograma ByteDance) |
duration |
Especificar la duración del video (no compatible con el subprograma ByteDance, Número) |
controls |
Si se muestran los controles de reproducción predeterminados |
| lista-danmu | Lista de bombardeo (no compatible con el subprograma ByteDance, ObjectArray) |
| nuestro hijo-btn | La visualización del botón de bombardeo solo es válida durante la inicialización y no se puede cambiar (no es compatible con el subprograma ByteDance, booleano) |
| habilitar-danmu | La visualización de bombardeos solo es válida durante la inicialización y no se puede cambiar (no es compatible con el subprograma ByteDance, booleano) |
| gesto de pagina | En modo de pantalla no completa, si se deben habilitar los gestos de ajuste de brillo y sonido (subprograma WeChat, H5, booleano) |
| dirección | Establezca la dirección del vídeo en modo de pantalla completa. Si no especifica una regla, la relación de aspecto la juzgará usted mismo. Los valores válidos son 0 (dirección radial normal), 90 (pantalla 90 grados en sentido antihorario), - 90 (pantalla 90 grados en el sentido de las agujas del reloj) (bytes de subprograma de salto, H5 no es compatible, booleano) |
| mostrar-progreso | Si no se establece, se mostrará solo cuando el ancho sea mayor que 240 (no admitido por el subprograma ByteDance, booleano) |
| mostrar-pantalla-completa-btn | Ya sea para mostrar el botón de pantalla completa (booleano) |
| show-play-btn | Si se muestra el botón de reproducción en la barra de control en la parte inferior del vídeo (booleano) |
| mostrar-entrar-reproducir-btn | Si se muestra el botón de reproducción en medio del vídeo (no compatible con el subprograma ByteDance, booleano) |
| habilitar-gesto-de-progreso | Si se deben habilitar gestos para controlar el progreso (no compatible con el subprograma ByteDance, booleano) |
object-fit |
Cuando el tamaño del video es diferente del tamaño del contenedor de video, la forma de visualización del bucle de visualización es contener: incluir, llenar: llenar, cubrir (subprograma WeChat, subprograma ByteDance, H5, cadena) |
| póster | La dirección del recurso de red de imágenes de la portada del vídeo. Si el valor del atributo de controles es falso, la configuración del póster no será válida (Cadena) |
| mostrar-mudo-btn | Si se muestra el botón de silencio (subprograma WeChat, booleano) |
| título | La frecuencia estándar del vídeo se muestra en la parte superior cuando está en pantalla completa (subprograma WeChat, String) |
| posición-play-btn | La posición del botón de reproducción (subprograma WeChat, subprograma ByteDance, String) |
| habilitar-reproducir-gesto | Ya sea para habilitar los gestos de reproducción, es decir, hacer doble clic para cambiar de reproducción/pausa (subprograma WeChat booleano) |
| pausa-automática-si-navegacion-abierta | Al saltar a otras páginas del miniprograma, si se debe pausar automáticamente el video en esta página (miniprograma WeChat booleano) |
| vslide-gesto | Al saltar a otras páginas nativas de WeChat, si se pausa automáticamente el video en esta página (subprograma de WeChat booleano) |
| vslide-gesto-en-pantalla completa | Si se habilitan los gestos de ajuste de brillo y volumen en el modo de pantalla no completa, y si se habilitan los gestos de ajuste de brillo y volumen en el modo de pantalla completa (subprograma WeChat booleano) |
| ID del bloque de anuncios | El ID de la unidad de publicidad se publica antes del vídeo. Para obtener más detalles, consulte Capacidades abiertas (cadena del mini programa WeChat) |
| cartel-para-rastreador | Se utiliza como pantalla de portada de video para búsqueda y otros escenarios. Se recomienda usar un mapa de video sin un ícono de reproducción. Solo se admiten direcciones de red (cadena de subprograma WeChat). |
| ID del bloque de anuncios | Unidad D de publicidad previa a la publicación de video con subtítulos de WeChat Xiaocheng; para obtener más detalles, consulte la capacidad abierta [anuncio previo a la publicación de video] (cadena del mini programa WeChat) |
2. Evento:
| evento | describir |
|---|---|
| inicio de carga | El navegador comienza a buscar datos multimedia en la web. |
| progreso | El navegador está obteniendo datos multimedia. |
| suspender | El navegador detiene la obtención de datos multimedia, pero el proceso de descarga no finaliza normalmente. |
| abortar | El navegador canceló la recuperación de datos multimedia antes de descargar todos los datos multimedia, pero esto no se debió a un error. |
| error | Se produjo un error al recuperar datos multimedia. |
| vaciado | Hay dos posibles razones por las que la red donde se encuentra el elemento de video o audio de repente deja de inicializarse: 1. De repente ocurre un error fatal durante el proceso de carga de medios 2. Cuando el navegador selecciona un formato de reproducción compatible, el método de carga se llama nuevamente. Cargar medios |
| estancado | El intento del navegador de obtener datos multimedia falló. |
play |
即将开始播放，当执行了play方法时触发，或数据下载后元素被设为autoplay属性 |
| pause | 播放暂停，当执行了pause方式时触发 |
| loadedmetadata | 浏览器获取完毕媒体的时间长和字节数 |
| waiting | 播放过程由于得不到下一帧而暂停播放（例如下一帧尚未加载完毕），但很快就能够得到下一帧 |
| canplay | 浏览器能够播放媒体，但估计以当前的播放速率不能直接播放完毕，播放期间需要缓冲 |
| canplaythrough | 浏览器能够播放媒体，而且以当前播放速率能够将媒体播放完毕，不再需要进行缓冲 |
| seeking | seeking属性变为true，浏览器正在请求数据 |
| seeked | seeking属性变为false，浏览器停止请求数据 |
| timeupdate | 由于播放位置被改变，可能是播放过程中的自然改变，也可能是被人为的改变，或由于播放不能连续而发生的跳变 |
ended |
播放结束后停止播放 |
| ratechange | defaultplaybackRate属性（默认播放速率）或playbackRate属性（当前播放速率）被改变 |
| druationchange | 播放时长被改变 |
| volumechange | volume属性（音量）被改变或muted属性（静音状态）被改变 |
三、案例：
（1）自动播放；
（2）监听播放完成，自动划到一下页再自动播放(从0开始播放)；
