Очень странная проблема, с которой я сталкиваюсь.
У меня есть html-видео в моем приложении, которое кажется довольно стандартным.В Chrome, однако, на первый взгляд случайным образом, иногда он играет нормально, а иногда просто остается темным, не воспроизводится или загружается.Независимо от того, что я делаю, ничто не сработает или не приблизит меня к поиску причины.
В Edge и Firefox видео работает нормально 100% времени.
Я получаю нетошибки консоли
На вкладке «Сеть» я иногда не вижу загрузку видео (предполагая, что она все еще находится в кэше), иногда я получаю код состояния 206, а иногда код состояния 304.Однако, похоже, что ничего из этого не имеет отношения к проблеме, так как воспроизведение видео все еще происходит случайным образом.
Я попытался преобразовать его, так как думал, что это может быть проблема с кодеком, но это тоже не помогает..
Демонстрацию в режиме реального времени можно увидеть здесь
HTML-код довольно прост:
<video class="ggmedia" id="video_14_1" pan="1.59" tilt="-0.2" crossorigin="anonymous" webkit-playsinline="webkit-playsinline" controls="controls" playsinline="playsinline" width="1920" height="1080">
<source src="media/4DX_NL.mp4" type="video/mp4">
</video>
Я воспроизводлю видео динамически с помощью JavaScript, используяследующий код:
try {
video.play();
video.removeAttribute('is-autoplay');
clearInterval(autoPlayVideosInterval[index]);
} catch(err) {
console.log(err);
}
Как вы уже догадались, консоль никогда не показывает никаких ошибок.
Редактировать: я также опубликовал вывод моего chrome: // media-internals,это одинаково в обоих случаях (при работе, а когда нет).Особенность в том, что он всегда (когда работает, а когда нет) создает 2 экземпляра веб-проигрывателя.Может ли это быть проблемой?И чем это может быть вызвано?Я создаю видео только один раз, поэтому понятия не имею.