La portada del video del póster del componente de video de Uniapp no muestra el problema

Con respecto al problema de que no se muestra la portada del vídeo del póster:

1. El atributo de controles debe ser verdadero (predeterminado);

2. La ruta del cartel debe ser la dirección del recurso de red, es decir, https;

3. Solo después de cargar el video (el funcionario no dijo esto, entonces el problema está aquí);

La solución es agregar un juicio para mostrar el componente de video cuando el valor del póster está cargado y no está vacío. El código de la solución es el siguiente:

<!-- 视频区域 -->
<view class="video-item">
    <video id="myVideo" v-if="video.thumb" :poster="video.thumb" style="width: 100%;height: 100%;" :src="video.path"></video>
</view>

Carga de componentes de vídeo

//页面准备好时创建video
onReady: function(res) {
    
    
	this.videoContext = uni.createVideoContext('myVideo')
},

//离开页面时暂停视频播放
onHide() {
    
    
    this.videoContext.pause();
},

Supongo que te gusta

Origin blog.csdn.net/m0_52459016/article/details/122089624
Recomendado
Clasificación