Los errores que estás viendo indican que hay problemas al cargar los recursos necesarios para el plugin de Video.js que estás tratando de usar. Aquí te doy algunas sugerencias para resolver estos problemas:
### 1. Verificar URL de Video.js VAST
Asegúrate de que la URL que estás usando para cargar el script de
videojs-vast-vpaid es correcta. Intenta usar la versión oficial desde un CDN que sea accesible. Aquí tienes un ejemplo:
HTML:
<script src="https://cdn.jsdelivr.net/npm/videojs-vast-vpaid/dist/videojs-vast.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/videojs-vast-vpaid/dist/videojs-vast.css">
### 2. Código Completo con Recursos Correctos
Aquí te dejo el código completo revisado:
HTML:
<link href="https://vjs.zencdn.net/7.15.4/video-js.css" rel="stylesheet" />
<video id="my-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="<?php echo $snauld['photobar']; ?>" data-setup="{}" muted>
<source src="<?php echo $snauld['newmodevideo']; ?>" type="video/mp4" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/no-js" target="_blank">supports HTML5 video</a>
</p>
</video>
<script src="https://vjs.zencdn.net/7.15.4/video.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-vast-vpaid/dist/videojs-vast.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/videojs-vast-vpaid/dist/videojs-vast.css">
<script>
var player = videojs('my-video');
// Configuración de anuncios VAST
player.vast({
adTagUrl: 'URL_DEL_ANNOUNCEMENT_TAG_VAST', // Reemplaza con tu URL VAST
adsEnabled: true,
adCancelTimeout: 5, // Tiempo que esperará antes de cancelar un anuncio
adOptions: {
adServing: {
preRoll: {
vastAdTag: 'URL_DEL_PRE_ROLL_VAST',
},
midRoll: {
vastAdTag: 'URL_DEL_MID_ROLL_VAST',
offset: '50%' // Por ejemplo, 50% del tiempo de video
},
postRoll: {
vastAdTag: 'URL_DEL_POST_ROLL_VAST',
},
onPauseRoll: {
vastAdTag: 'URL_DEL_ON_PAUSE_ROLL_VAST',
}
}
}
});
// Iniciar ads al cargar el video
player.ready(function() {
player.one('play', function() {
player.vast.requestAds();
});
});
</script>
### 3. Revisa las URLs de los Anuncios VAST
Asegúrate de que las URLs que estás utilizando para los tags de anuncios VAST son correctas y accesibles. Un error 404 indica que la URL no puede ser encontrada, lo que significa que la dirección que estás usando podría ser incorrecta o que el servidor que hospeda el recurso no está en funcionamiento.
### 4. Verifica la Consola del Navegador
Abre la consola en tu navegador (normalmente con F12 o Ctrl+Shift+I) y verifica si hay otros errores que puedan ofrecer más detalles sobre el problema.
### 5. Alternativa de Plugin
Si sigues teniendo problemas con
videojs-vast-vpaid, considera buscar otros plugins o ejemplos de anuncios VAST para Video.js que puedan estar más actualizados o que funcionen mejor con tu configuración actual.
Si después de estas soluciones sigues experimentando problemas, compárteme más detalles y estaré encantado de ayudarte a resolverlos.
